Javascript  »  Animationen  »  ImageFader 2

zur Übersicht

Kategorie	Animationen
Bezeichnung	ImageFader 2
ScriptDemo	Neues Fenster für Demo öffnen
Statistik	16646 Aufrufe davon 2x gestern
Keine Beschreibung vorhanden.
Javascript-Quellcode  (einfach markieren, kopieren und lokal abspeichern) <script language="JavaScript1.2"> var agt = navigator.userAgent.toLowerCase(); var dom = (document.getElementById) ? true : false; var ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false; var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false; var ns4 = (document.layers && !dom) ? true : false; var ie4 = (document.all && !dom) ? true : false; var nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false; var is_win = ((agt.indexOf("win")!=-1) || (agt.indexOf("16bit")!=-1)) ? true : false; var maxImages = 1; var maxImages = 2; var maxImages = 3; var activeImage = 1; function fnToggle() { if (is_win && ie5) { prvImageContainer.filters[0].Apply(); document.getElementById("prvImage" + activeImage).style.visibility="hidden"; if (activeImage == maxImages) activeImage=0; activeImage++; document.getElementById("prvImage" + activeImage).style.visibility="visible"; prvImageContainer.filters[0].Play(); } else { document.prvImage.src = img[activeImage].src; activeImage++; if (activeImage > maxImages) activeImage=1; } } function beginTransitions() { timerID = setInterval("fnToggle()", 3000); } beginTransitions(); </script> <script language="JavaScript"> if ((is_win) && (ie5)) { document.write('<div id="prvImageContainer" style="position: relative; top: 0px; left: 0px; visibility: visible; width: 105px; height: 70px; filter:blendTrans(duration=2,overlap=1.0)" >'); document.write('<div id="prvImage1" style="position: absolute; top: 0px; left: 0px; visibility: visible; width: 105px; height: 70px"><img src="gfxu/2307.jpg" width="105" height="70" border="0" alt="" /></div>'); document.write('<div id="prvImage2" style="position: absolute; top: 0px; left: 0px; visibility: hidden; width: 105px; height: 70px"><img src="gfxu/2318.jpg" width="105" height="70" border="0" alt="" /></div>'); document.write('<div id="prvImage3" style="position: absolute; top: 0px; left: 0px; visibility: hidden; width: 105px; height: 70px"><img src="gfxu/2314.jpg" width="105" height="70" border="0" alt="" /></div>'); document.write('</div>'); } else { document.write('<img src="gfxu/2307.jpg" name="prvImage" width="105" height="70" border="0" alt="" />'); } </script>

Kommentare zu ImageFader 2

2 Kommentar(e) vorhanden / Anzeige der neuesten 5

am 17.01.2005 um 22:07 Uhr von marina
Hilfe! Ich möchte 2 gleiche Imagefader auf eine Seite platzieren, mit verschiedene bilder.... 

am 28.04.2004 um 12:11 Uhr von Chris
Irgendwie bekomme ich es nicht hin, mehr als drei bilder dort einzufügen. lasse dabei die ... 


Alle Kommentare anzeigen   -   Kommentar hinzufügen