$verzeichnis . $datei, 'descript'=>$beschriftung]; } } echo json_encode($arr); exit; } ?> Diashow mit Fade-In Effekt
diedVIPs

html knowhow

Diashow mit Fade-In Effekt










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