Morgen,
also, ich habe mir einen Augenblick genommen um deinen Fader zu testen.
Immer schön auf Groß- und Kleinschreibung achten, dann sollte es auch funktionieren.
<div id="screen"></div>
#screen {
width: 100%;
height: 60vh;
background-color: #06F;
border: 3px solid #F00;
}
function Fade(elem, array, ms) {
this.elem = elem;
this.array = array;
this.ms = ms;
this.fading = function() {
var that = this,
count = 0,
stepping = setInterval(function() {
if (count >= that.array.length)
{
clearInterval(stepping);
that.elem.style.display = 'none';
}
else
that.elem.style.backgroundImage = 'url(' + that.array[count++] + ')';
}, this.ms);
};
}
document.addEventListener('DOMContentLoaded', function() {
var elem = document.getElementById('screen'),
array = ['chrome://global/skin/media/imagedoc-darknoise.png', 'chrome://global/skin/media/imagedoc-lightnoise.png'];
array.push.apply(array, array.slice());
array.push.apply(array, array.slice());
var fader = new Fade(elem, array, 2000);
fader.fading();
});
Den Inhalt von array (chrome://global …) einfach mit deinen URL's austauschen.
array.push.apply(array, array.slice());
vervielfältigt lediglich den Inhalt von array. Habe ich zum testen verwendet. Kannst du weglassen.
Reinhard