setTimeOut, billedskift og et hulens irriterende problem
Jeg sidder her med en skoleopgave, hvor en af delopgaverne er at lave et website. Sitet kan ses på http://www.rush.dk/sch00l/radar/page.htm .Problemet er, at de 8 billeder over og under logoet til venstre skal "blinke", når man kommer ind på siden. Eks. skal billedet med øjet skifte fra www.rush.dk/sch00l/radar/img/eye_scan.jpg til www.rush.dk/sch00l/radar/img/eye_scan.jpg, og tilbage til eye.jpg og det skal ca. klares på 1 sekund pr. billede. Først eye.jpg, så success.jpg, så tastatur.jpg osv.
Til det har jeg strikket lidt kode sammen, men det faktum at JS ikke har en sleep();-funktion volder lidt problemer.
Koden ser ud som følger:
function swapBack(picname2, picoldsrc2) {
document.images[picname2].src='img/'+picoldsrc2; // Her foretages selve skiftet nævnt ved setTimeOut-linien.
}
function lightShow(picname, picnewsrc, picoldsrc) {
if (document.images) { // Browseren kan vise billeder
document.images[picname].src='img/'+picnewsrc; // Først skiftes fra *_scan.jpg til *.jpg
setTimeOut(swapBack('picname','picoldsrc'), 1000); // Så skiftes tilbage fra *.jpg til *_scan.jpg efter 1000 milisekunder
}
}
function allPicsLightShow() { // Her køres så selve funktionen, der swapper billederne - denne initialieres onLoad.
if (document.images) {
lightShow('imgEye','eye.jpg','eye_scan.jpg');
lightShow('imgSuccess','success.jpg','eye_success.jpg');
lightShow('imgBaby','baby.jpg','baby_scan.jpg');
}
}
Kan naturligvis også findes i kontekst på sitet nævnt ovenfor.
Fejlen den giver lyder:
Line: 21
Char: 5
Error: 'document.images[...]' is null or not an object
Linie 21 er den eneste linie i funktionen swapBack.
HELP! Jeg går snart amok! :( Indtil videre har jeg sat point til 30, da der altid dukker en JS-haj op og giver et svar på to minutter, men skal der mere på, så sig til. :)
