function Fader(einstellungen) { if (!einstellungen.id || !document.getElementById(einstellungen.id) || einstellungen.images.length < 2) { return new Boolean(false); } var i, original = document.getElementById(einstellungen.id); this.id = einstellungen.id; this.images = new Array(); this.counter = 0; this.element = document.createElement("span"); this.element.className = "fader"; original.parentNode.replaceChild(this.element, original); for (i = 0; i < einstellungen.images.length; i++) { this.images[i] = document.createElement("img"); this.images[i].src = einstellungen.images[i]; this.images[i].alt = "Bild"; if (i == 0) { this.element.appendChild(this.images[i]); } } this.fade = function (step) { var fader = this, imgs = this.element.getElementsByTagName("img"); step = step || 0; imgs[1].style.opacity = step/100; imgs[1].style.filter = "alpha(opacity=" + step + ")"; // IE? step = step + 2; if (step <= 100) { window.setTimeout(function () { fader.fade(step); }, 1); } else { imgs[1].className = ""; this.element.removeChild(imgs[0]); window.setTimeout(function () { fader.next(); }, 3000); } }; this.next = function () { this.counter = (this.counter < this.images.length -1) ? this.counter +1 : 0; this.element.appendChild(this.images[this.counter]); this.images[this.counter].className = "next"; this.fade(); }; } function erstelleFader () { var einstellungen = { id: "slideshow", images: ["pics/10_05_kunst03_400.jpg", "pics/10_05_kunst03_400.jpg", "pics/10_05_kunst01_400.jpg", "pics/10_06_landart02_400.jpg","pics/10_06_landart01_400.jpg","pics/10_06_theater02_400.jpg", "pics/10_06_musik02_400.jpg","pics/10_05_kochen_08_400.jpg","pics/10_05_theater01_400.jpg", "pics/10_05_trick02_400.jpg","pics/10_05_musik03_400.jpg","pics/10_06_musik01_400.jpg","pics/10_06_theater01_400.jpg",] }; if (!window.meine_slideshow) { window.meine_slideshow = new Fader(einstellungen); } }