Dan: Bilder-Slideshow soll warten, bis bild geladen

Hallo

ich habe eine Slideshow mit mehreren Bildern, die weich übergeblendet werden.

Funktioniert alles ganz gut, nur wenn die Bilder noch nicht geladen sind, kommt die Überblendung aus dem Rhythmus.
Bin keine Profi, aber meine Idee ist, bevor die nächste Überblendung anfängt, solange zu warten, bis das Bild geladen wurde.
Nur weiss ich nicht wie sowas geht.

Danke schon mal im voraus.

hier der Code:

/* slideshow 1 */
var blind1 = window.setInterval("fade1()", 29);
var j1 = 3; //Zeahler
var Bildnameact1 = "pics/26/26_2.jpg"; //aktives Bild
var Bildnameblend1 = "pics/26/26_3.jpg"; //geblendetes Bild
var trans1 = 0; //Transparenz auf null
function fade1() {
if (trans1 < 99) {
window.document.images[5].style.opacity = trans1/100;
window.document.images[5].style.filter = "alpha(opacity=" + trans1 + ")"; //IE
trans1 = trans1 + 2;
}
else {
trans1 = 0; /*Transparenz auf null*/
window.document.images[4].src = Bildnameact1; //aktuelles Bild hinlegen
window.document.images[5].style.opacity = 0; //geblendetes ausblenden
window.document.images[5].style.filter = "alpha(opacity=0)"; //IE
window.document.images[5].src = Bildnameblend1; //zu blendendes Bild hinlegen
Bildnameact1 = "pics/26/26_" + j1 + ".jpg";
j1 = j1 + 1;
if (j1 > 20) j1 = 1; //zurück auf erstes Bild
Bildnameblend1 = "pics/26/26_" + j1 + ".jpg";
}

  1. du könntest den onload-Event in der Art wie in diesem Archiv-Thread anwenden