Sorry für den Doppelpost, hatte aber grad noch mal Lust was zu posten :)
Heut mal ein kleine Diashow in jQuery(ist in Javascript, für die unwissenden).
<div id="bilder"> <img src="images/diashow1.jpg" title="pic1" style="" id="currentpic"/> <img src="images/diashow2.jpg" title="pic2" style="display:none;"/> <img src="images/diashow3.jpg" title="pic3" style="display:none;"/> <img src="images/diashow4.jpg" title="pic4" style="display:none;"/></div>
Hier werden alle Bilder gespeichert, die dann später auch angezeigt werden.
<script type='text/javascript' src='/js/jquery.js'></script>
<script type="text/javascript">
jQuery(document).ready(function(){
window.setTimeout('nextpic()', 5000);
});
function nextpic(){
if (jQuery("#currentpic").next().attr("src") == undefined){
jQuery("#currentpic").attr("style", "display:none;");
jQuery("#currentpic").attr("id", "");
jQuery("#imageblock img:first").attr("id","currentpic");
jQuery("#currentpic").attr("style", "");
}
else{
jQuery("#currentpic").next().attr("id", "next");
jQuery("#currentpic").attr("style", "display:none;");
jQuery("#currentpic").attr("id", "");
jQuery("#next").attr("id", "currentpic");
jQuery("#currentpic").attr("style", "");
}
window.setTimeout('nextpic()', 5000);
}
</script>
Alles anzeigen
Zeile 1: jQuery wird eingebunden. Findbar auf jQuery.com.
Zeile 2-4: Funktion die mit dem Seitenladen hinzugeladen wird. Hier sieht man das 5 Sekunden gewartet wird.
Der gute alte Rest: Funktion zum Bild ändern.
Letzte Zeile: Nach den 5 Sekunden wird das Bild nun geändert.
Die Diashow ist beliebig erweiterbar und funktioniert auch mit Links von anderen Websites(obvious :D)
mfG,
NowNewStart