$verzeichnis . $datei, 'descript'=>$beschriftung]; } } echo json_encode($arr); exit; } ?>
Diashow mit Fade-In Effekt |
So sieht´s aus |
![]() Nahaufnahme |
Quellcode |
<html> <head> <style type="text/css"> ul#bilder {display: None;} img#bild {border: Solid 3px #000000;} div#hintergrund_spezial {background: repeating-linear-gradient(-45deg, transparent, transparent 25px,rgba(0,0,0,1) 25px, rgba(255,255,255,1) 50px); width: 450px; height: 360px;} </style> </head> <body > <center> <ul id="bilder" speed="4500" fade="20"> <li data-src="../bilder/001.jpg" data-sub-html="<p>Nahaufnahme</p>"></li> <li data-src="../bilder/002.jpg" data-sub-html="<p>Leuchtender Baum</p>"></li> <li data-src="../bilder/003.jpg" data-sub-html="<p>Sommerzeit</p>"></li> <li data-src="../bilder/004.jpg" data-sub-html="<p>Sonnenblumen</p>"></li> <li data-src="../bilder/005.jpg" data-sub-html="<p>Amazonas</p>"></li> <li data-src="../bilder/006.jpg" data-sub-html="<p>Roter Berg</p>"></li> <li data-src="../bilder/007.jpg" data-sub-html="<p>Haus im Nebel</p>"></li> <li data-src="../bilder/008.jpg" data-sub-html="<p>Kleiner Berg</p>"></li> <li data-src="../bilder/009.jpg" data-sub-html="<p>Die Erde von oben</p>"></li> <li data-src="../bilder/010.jpg" data-sub-html="<p>Railroad Crossing</p>"></li> </ul> <figure> <div id="hintergrund_spezial"><img src="../Bilder/001.jpg" id="bild"></div> <figcaption id="text"> <p>Nahaufnahme</p> </figcaption> </figure> </center> </body> </html> |
Kontakt Datenschutz Impressum |