login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Transperant layer over afbeelding in php

Offline willie - 26/03/2009 19:40 (laatste wijziging 26/03/2009 19:40)
Avatar van willie0 Even een vraagje over het tonen van een dubbele afbeelding.
Ik toon op mijn site de foto zo
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <?php
  2. if (!empty($row['foto_1'])) { // is NIET leeg. 
  3. echo '<br/><img border="2" src="fotos/'.$row['email'].'/'.$row['foto_1'].'" width="350" style="border-style:solid; border-color:#FF9900;"></font></a><br/>'; 
  4. }
  5. ?>

Nou wil ik dat er over de foto, een layer wordt getoont,
met een tekst er in.
Is dat mogelijk, en zoja hoe moet dat?

7 antwoorden

Gesponsorde links
Offline svghosting - 26/03/2009 20:10
Avatar van svghosting Lid Dan wordt de afbeelding doorzichtig, er moet toch tekst op komen :S

Probeer iets van een watermerk met een div erover heen te doen en die een opacity te geven.
Offline Joost - 26/03/2009 20:18
Avatar van Joost PHP expert Wat ik in dat geval doe is de een div met als achtergrond de afbeelding, en in de vi gewoon text:

html code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="background-image: url('image.jpg');">

  2. Texttexttexttexttext

  3. </div>
Offline willie - 26/03/2009 20:26 (laatste wijziging 26/03/2009 20:32)
Avatar van willie 0 Ik bedoel dus, dat de foto uit het stukje script, zo gezegt
de achtergrond wordt.
Dus eerst de foto, en daar op de tekst.
Zo als in het stukje van medieval, maar dan met het stukje van mij als dat mogelijk is.
Als ik het zo doet
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="background-image: url(src="fotos/'.$row['email'].'/'.$row['foto_1'].' width=350")>Texttexttexttexttext</div>

Dan zie ik de tekst, maar niet de foto
Offline qubus - 26/03/2009 20:38 (laatste wijziging 26/03/2009 20:45)
Avatar van qubus Lid En als je:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <?php
  2. if (!empty($row['foto_1'])) { // is NIET leeg. 
  3. ?>
  4. <div style="background-image: url('fotos/<? echo $row['email'] . $row['foto_1']; ?>');">Texttexttexttexttext</div>
  5. <?php } ?>


doet?
Offline willie - 26/03/2009 20:49 (laatste wijziging 26/03/2009 20:55)
Avatar van willie 0 Zo laat hij hem wel zien, maar nu nog de maat aan passen,
met de breedte en hoogte van de foto.
Als ik nu kijk zie ik namelijk alleen een lijntje van de foto, met tekst er in.
Maar ik denk wel dat mij dat gaat lukken,
Anders vraag ik het nog wel weer.
Offline qubus - 26/03/2009 21:02 (laatste wijziging 26/03/2009 21:04)
Avatar van qubus Lid Maak er dan:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. En als je:
  2. [code=php]
  3. <?php
  4. if (!empty($row['foto_1'])) { // is NIET leeg. 
  5. ?>
  6. <div style="background-image: url('fotos/<? echo $row['email'] . $row['foto_1']; ?>'); width:350px; height:350px;">Texttexttexttexttext</div>
  7. <?php } ?>

van ;) en pas eventueel de 350px aan naar jouw breedte en hoogte.
Offline willie - 26/03/2009 21:40
Avatar van willie 0 Hij staat er nu beter op.
alleen, hij herhaald de foto achtergrond.
Ik heb al geprobeert in de style met no-repeat.
maar dat lukt helaas niet.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.272s