Překlápěcí obrázky (obrázky, které reagují na najetí kurzoru)
V tuto chvíli přichází řada na vás.. Jestli jste dávali pozor, měli by jste být schopni udělat překlápěcí obrázek sami.
Překlápěcí obrázek je takový obrázek, na který když najedu kurzorem, musí se změnit na jiný. Pokud kurzorem odjedu, vrátí se do původního vzhledu.
Několik tipů...
-Nejdříve musíte udělat preload obrázků, které budete používat a které se nenahrají automaticky v HTML kódu. Týká se to vlastně jen obrázku, který se ukáže po najetí kurzoru.
-funkce v definici obrázku budete definovat takto:
<img name="uvod" onmouseover="document.images['uvod'].src='novy.gif';">
Podobně vytvoříte, aby obrázek disponoval i funkcí onmouseout a máte své první tlačítko v javascriptovém menu ;)
A teď pozor.. Pokud budete chtít, aby události fungovaly správně i na Netscape, používejte jejich definice pouze v odkazech (jinak nepojedou :)..
<a href="#" onmouseover="document.images['uvod'].src='novy.gif';"><img name="uvod"></a>
Další věc je, že se používá při provádění události klíčová slovo "JAVASCRIPT:" :
<a href="#" onmouseover="javascript:prikaz;"><img name="uvod"></a>
No a snad úplně poslední věc o událostech : můžete zavolat v jedné události více příkazů. Ačkoli to nedoporučuji používat, jde to.. Osobně preferuji, že zavolám předdefinovanou fuknci a ta mi pak provede více příkazů.
<a href="#" onmouseover="javascript:prikaz1;prikaz2;prikaz3"><img name="uvod"></a>