Yumiii
Threadersteller
Dabei seit: 17.12.2009
Ort: Wuppertal
Alter: 32
Geschlecht:
|
Verfasst Di 05.01.2010 09:38
Titel Dringend: Brauche Hilfe bei JS (Fade Effekt) |
|
|
Hallo liebe User.
Ich muss eine JS Animation erstellen und brauche Hilfe, da ich keine Ahnung von Javascript habe.
Ziel: 7 Bilder sollen sich nach jeweils 3 Sekunden abwechseln. Wenn ein Bild nach 3 Sekunden abläuft soll es mit einem Fade Effekt ausgeblendet und das nächste mit einem Fadeeffekt eingeblendet werden.
Das alles soll von alleine geschehen also ohne Mouseover etc. .
Ich habe das wechseln der Bilder schon hinbekommen und nun fehlt mir noch der Fade Effekt.
Ich habe im Internet alle möglichen Codes dazu gefunden aber ich weiß einfach nicht wo ich diese Einbinden soll.
Bitte helft mir.
Hier mein Code:
Code: |
<HTML>
<head>
</head>
<script language="JavaScript">
<!--
verzoegerung = 3000;
bildNummer = 2;
bilder= new Array();
for (i = 1; i <= 7; i++) {
bilder[i] = new Image();
bilder[i].src = "http://www.yumiii.com/images/" + i + ".jpg";
}
function naechstesBild() {
document.animation.src = bilder[bildNummer].src;
bildNummer++;
if (bildNummer > 7) bildNummer = 1;
}
// -->
</script>
<body>
<img src="http://www.yumiii.com/images/1.jpg" border="0" name="animation" onload="setTimeout('naechstesBild()', verzoegerung)">
</body>
</HTML>
|
Liebe Grüße Lara
|
|