Frage stellen

Weicher Bildwechsel mit JavaScript

1.8k Aufrufe
Gefragt in Anwendungen(Java,C++...) von smoke1983 Einsteiger_in (59 Punkte)
Ich bin leider nicht so der JavaScript Profi. Aber ich weiß das man mit den jQuery-Effekten (in meinem Fall "opacity") wunderbar einen weichen Bildwechsel realiseren kann. Nur leider weiß ich nicht genau wie. Bis jetzt sieht mein Code so aus (wodurch die Bilder wechseln aber nicht weich überblenden):

<html>
<head>
<script language="JavaScript">
<!--

verzoegerung = 1200;
bildNummer = 1;

bilder= new Array();

for (i = 1; i <= 2; i++) {
bilder[i] = new Image();
bilder[i].src = "images/kasten2_" + i + ".png";.
}

function naechstesBild() {
document.animation.src = bilder[bildNummer].src;
$(this).animate ({ opacity: "0" }, 1000);

bildNummer++;
if (bildNummer > 2) bildNummer = 1;
}

// -->
</script>
</head>
<body>
<img src="images/kasten2_1.png" name="animation" onLoad="setTimeout('naechstesBild()', verzoegerung)">
</body>
</html>


Was muss ich jetzt ändern damit die Bilder weich überblenden? Ich weiß das der Befehlt dafür lautet:
$(this).animate ({ opacity: "0" }, 1000);
aber nicht genau wo er rein muss. Kann mir jemand helfen?

1 Antwort

0 Punkte
Beantwortet von smoke1983 Einsteiger_in (59 Punkte)
Habe es im falschen Bereich eingestellt, zudem ist im Code ein kleiner Fehler: Die Zeile "$(this).animate ({ opacity: "0" }, 1000);" OBEN im Code muss weg.

KANN GELÖSCHT WERDEN!
...