|
|
JavaScript - Esempio banale e non ottimizzato di cambio immagine al passaggio del mouse
Suppongo di avere un'immagine "vecchia.gif" che deve essere visualizzata inizialmente, ed una immagine "nuova.gif" da visualizzare al posto della prima quando ci passo sopra. Quando il mouse non e' piu' sopra all'immagine, deve essere visualizzata nuovamente "vecchia.gif".
//Esempio "query"
<html>
<body>
<script>
//Immagine visualizzata quando vi e' il mouse sopra
immagine_nuova = new Image();
immagine_nuova.src = "/immagini/nuova.gif";
//Immagine visualizzata normalmente o quando il mouse non vi e' sopra
immagine_vecchia = new Image();
immagine_vecchia.src = "/immagini/vecchia.gif";
</script>
<img name="Imm" src="/immagini/vecchia.gif" alt=""
onMouseOver="document.Imm.src=immagine_nuova.src;"
onMouseOut="document.Imm.src=immagine_vecchia.src">
</body>
</html>
Per renderlo migliore, per esempio, si potrebbero caricare le immagini sull'onload della pagina...
(c) 1999-2006