Hi Felix,
Danke für den Ansatz, hat mir sehr geholfen und konnte daher das Skript entsprechend überarbeiten. Es werden jetzt die Links entgegengenommen und in den DOM-Baum eingefügt. Leider wird aber beim Überblenden der Link nicht gewechselt, sondern nur der letzte Link angezeigt. Woran liegt das? Der DOM-Inspektor zeigt an, dass alle <a>-Tags gesetzt sind.
Hier der Code:
var a, img;
// Bilder aus der Liste zu echten Bildobjekten machen und ins <span>-Element einhängen
for (i = 0; i < einstellungen.ads.length; i++) {
this.ads[i].a = document.createElement("a");
this.ads[i].a.href = einstellungen.ads[i].href;
this.ads[i].a.title = einstellungen.ads[i].title;
this.ads[i].img = document.createElement("img");
this.ads[i].img.src = einstellungen.ads[i].image;
this.ads[i].img.alt = einstellungen.ads[i].title;
if (i > 0) {
this.ads[i].img.className = "next";
}
this.ads[i].img.style.opacity = "0";
// IE?
this.ads[i].img.style.filter = "alpha(opacity=0)";
this.ads[i].a.appendChild(this.ads[i].img);
this.element.appendChild(this.ads[i].a);
}
[...]
//faden
imgs[0] = (this.counter == 0) ? this.ads[this.oldPlayList[this.oldPlayList.length -1]].img : this.ads[this.playList[this.counter -1]].img;
// Das neue Bild ist das, auf welches der Counter zeigt
imgs[1] = this.ads[this.playList[this.counter]].img;
for (i = 0; i < imgs.length; i++) {
v = (i == 0) ? (100 - step) : step;
imgs[i].style.opacity = v/100;
// IE?
if (imgs[i].style.filter != "undefined") {
imgs[i].style.filter = "alpha(opacity=" + v + ")";
}
}
Grüße Dominik