Rollover sur image avec onMouseover

salut à tous,

j'ai ce petit bout de code qui n'a pas l'air de vouloir fonctionner correctement :

Code:

---

<li><a href="index.html" onmouseover="document.btnInicio.src='../images/botones/InicioON.png'" onmouseout="document.btnInicio.src='../images/botones/Inicio.png'"><img src="../images/botones/Inicio.png" name="btnInicio"/></a> </li>

---

je veux utiliser ça pour changer l'apparence d'un bouton de menu.
je comprend pas d'où vient mon erreur ; quand j'essaye avec des alert() dans le onmouseover() et onmouseout() il me sort bien les message d'alerte... mais le changement d'image ne se fait pas.

merci de votre aide

Pourquoi ne pas plutôt écrire :

Code:

---

<li><a href="index.html" ><img src="../images/botones/Inicio.png" onmouseover="this.src='../images/botones/InicioON.png'" onmouseout="this.src='../images/botones/Inicio.png'" name="btnInicio"/></a></li>

---

Fred

en effet ça marche mieux en mettant les event handler dans le tag img.
et ça marche surtout beaucoup mieux en mettant l'image de rollover dans le bon dossier...:oops:

merci de ta réponse micetf