Autor | Zpráva | ||
---|---|---|---|
LukeZzZ Profil |
#1 · Zasláno: 22. 10. 2012, 11:09:03
Zdravím,
rád bych požádal o pomoc s jedním krátkým JS. Mám následující kód: <script> var num = 0; function changepic() { num++; if (num > 3) {num = 1} document.images['hlavicka'].src = 'slide' + num + '.png'; setTimeout("changepic()",2500); } </script> <a href="#" onmouseover="changepic();" onmouseout="stopchange();"><img id="hlavicka" name="hlavicka" src="slide1.png"></a> Po najetí myši se mi začnou v pořádku měnit fotografie, ale nemohu přijít na funkci, která by mi následně to zastavila po odjetí myši... zkoušel jsem break; a hledal i jiné věci, ale nějak nemohu na nic přijít... chtěl jsem například nastavit interval na delší, aby to neproběhlo, ale nějak na to nemohu najít... Mohl bych požádat o radu, jak by měla ideálně vypadat funkce STOPCHANGE(); Za každou radu předem děkuji. Lukáš |
||
Radek9 Profil |
#2 · Zasláno: 22. 10. 2012, 11:42:09
LukeZzZ:
1) Do setTimeout předávej přímo funkci, ne string. 2) Ukládej si ten timeout do nějaké proměnné a při mouseout ho clearni. var num = 0, timeout; function changepic() { num = num % 3 + 1; document.images.hlavicka.src = 'slide' + num + '.png'; timeout = setTimeout(changepic, 2500); } function stopchange() { timeout && clearTimeout(timeout); } |
||
LukeZzZ Profil |
#3 · Zasláno: 22. 10. 2012, 12:53:56
Díky moc... funguje to perfektně...
|
||
Časová prodleva: 11 let
|
0