Hallo liebe User,
da ich noch recht neu in der JS Programmierung bin, bin ich wie ihr vermutlich gleich merken werdet nicht so scharfsinnig beim beheben leichter Probleme. Nachdem ich schon etliche Zeit rumprobiert habe aber nichts wirklich ging frage ich nun euch und ich hoffe ihr könnt mir weiterhelfen:
Es geht um folgendes:
Ich habe ein Image (1.jpg) was nach x Sekunden durch (1-small.jpg) ersetzt werden soll, klappt auch wunderbar, intervall funtioniert auch. Erstmal der Code:
Code:
var bgimages=new Array();
var pathToImg=new Array();
var inc=-1;
bgimages[0] = "1.jpg"
bgimages[1] = "1-small.jpg"
//Images vorladen
for (i=0; i < bgimages.length; i++) {
pathToImg[i]=new Image();
pathToImg[i].src=bgimages[i];
}
function bgfade() {
if (inc < bgimages.length-1) {
inc++
} else {
inc=0
}
document.getElementById("diashow").style.backgroundImage = "url("+pathToImg[inc].src+")";
fade();
}
function fade(step) {
step = step || 0;
document.getElementById("diashow").style.opacity = step/0;
document.getElementById("diashow").style.filter = "beta(opacity=" + step + ")";
step = step + 2;
if (step <= 0) {
window.setTimeout(function () { fade(step); }, 1);
} else {
step = 0;
}
}
if (document.all||document.getElementById) window.onload=new Function('setInterval("bgfade()",1000)')
Wie bekomme ich es am besten hin, dass das Script nachdem es nach x Sekunden (Interval z.b 5000) zu Bild 2 wechselt, aber sich dann beendet sprich nichtmehr zu 1 zurückgeht, sondern nur onLoad beim erneuten aufruf der Seite?
Vielen Dank schonmal im Voraus!
Lesezeichen