Skift billede med setTimeout()
Hej eksperterJeg har to billeder img01 og img02:
<body onload="chgImg(0)">
<img id="img01" href="#" src="../../images/bg/zoomout01.gif" style="border:0px;" onclick="chgImg(-1)" width="24" height="24">
<img id="img02" href="#" src="../../images/bg/zoomin01.gif" style="border:0px;" onclick="chgImg(1)" width="24" height="24">
som ved onclick kalder følgende funktion:
function chgImg(direction) {
if (direction == 1)
document.images['img02'].src = "../../images/bg/zoomin01_pressed.gif";
else if (direction == -1)
document.images['img01'].src = "../../images/bg/zoomout01_pressed.gif";
if (direction != 0)
setTimeout("chgButtom(direction)",1000);
//...+ en masse mere//
}
Humlen er at afhængig af om direction = 1 eller -1 skiftes et af de to billeder ud. Billederne skulle dog gerne skifte tilbage igen efter 1 sekund, hvilket forsøges med:
setTimeout("chgButtom(direction)",1000);
hvor:
function chgButtom(direction) {
if (direction == 1)
document.images['img02'].src = "../../images/bg/zoomin01.gif";
else if (direction == -1)
document.images['img01'].src = "../../images/bg/zoomout01.gif";
}
Det virker bare ikke - hvad er der galt??