Javascript  »  Animationen  »  ImageFader

zur Übersicht

Kategorie	Animationen
Bezeichnung	ImageFader
ScriptDemo	Neues Fenster für Demo öffnen
Statistik	21501 Aufrufe davon 0x gestern
Fahren Sie mit der Maus über das Bild. Dieses Script haben wir von Jenny bekommen. Thx for it!
Javascript-Quellcode  (einfach markieren, kopieren und lokal abspeichern) <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var maximages = 6; // how many fade images do you have? var fadespeed = 125; // fade frame time in milliseconds; 125 = 125 ms var fadeintimer; var fadeouttimer; var fadeincount = 0; var fadeoutcount = maximages-1; var fadearray = new Array(maximages); // enter all the fade images here // the first item should be 0, then numbered through 1 less than your maximages fadearray[0] = "gfxu/fade0.jpg"; fadearray[1] = "gfxu/fade1.jpg"; fadearray[2] = "gfxu/fade2.jpg"; fadearray[3] = "gfxu/fade3.jpg"; fadearray[4] = "gfxu/fade4.jpg"; fadearray[5] = "gfxu/fade5.jpg"; for (var i = 0; i < maximages; i++) { eval('pic' + i + ' = new Image();'); eval('pic' + i + '.src = fadearray[i];'); // preloads fade images } function fade_in() { clearTimeout(fadeouttimer); document.images['fade-pic'].src = fadearray[fadeincount]; if (fadeincount != maximages-1) { fadeincount++; fadeintimer = setTimeout('fade_in()', fadespeed); } else { clearTimeout(fadeintimer); fadeincount = 0; } } function fade_out() { clearTimeout(fadeintimer); document.images['fade-pic'].src = fadearray[fadeoutcount]; if (fadeoutcount != 0) { fadeoutcount--; fadeouttimer = setTimeout('fade_out()', fadespeed); } else { clearTimeout(fadeouttimer); fadeoutcount = maximages-1; } } // End --> </script> <a href="javascript:leer()" onmouseover="fade_in()" onmouseout="fade_out()"> <img name="fade-pic" height=137 width=204 border=0 src="gfxu/fade1.jpg"></a>

Kommentare zu ImageFader

3 Kommentar(e) vorhanden / Anzeige der neuesten 5

am 04.08.2006 um 08:28 Uhr von Timo
Füg ihn in deine tasche und wen man dich anfast: FADE OUT().... 

am 04.08.2006 um 08:26 Uhr von Timo
Füg ihn in deine tasche und wen man dich anfast: FADE OUT().... 

am 15.09.2005 um 10:52 Uhr von Aramis
Nur wo soll ich das Script einfügen? Im Head Bereich oder da wo ich es haben will...denn e... 


Alle Kommentare anzeigen   -   Kommentar hinzufügen