Bonjour, comme indiqué dans le titre, j'ai un souci avec un changement d'image lorsque je survole une image.
Le souci que j'ai est que lors du premier chargement de la page, il met du temps a détecter la position de la souris une fois que je suis sur l'image.
Quoi pour être plus clair, le changement d'image se fait après bien 5 secondes.
C'est au niveau du menu latéral voici le lien voir ici
Le changement d'image se fait avec un onmouseover et un onmouseout lorsque je charge l'image du menu.
En espérant que vous saurez m'éclairer. C'est surtout pour comprendre le fonctionnement.
ça le fait seulement au premier chargement (après c'est plus fluide), mais si je vide le cache, ça recommence...
Merci de votre aide

<img src="x.png" onmouseover="this.src='y.png';" onmouseout="this.src='x.png';" />

J'ai lu en diagonale désolé,

Pour ce genre de choses utilise du css et la propriété hover

li a{background-image:(url..);color:black;}
li a:hover{background-image:(url..);color:red;}

etc c'est bien mieux ! (Avec background image et seule la color du texte change..)

merci pour le poste mais tu me recommandes le this? ou le fomat png? (celui-ci s'est avéré efficace)
Je pensai pas que ça changerais quelque chose car la différence n'est pas flagrante en poids je trouve

Citation : Shantees

Pour ce genre de choses utilise du css et la propriété hover

li a{background-image:(url..);color:black;}
li a:hover{background-image:(url..);color:red;}

etc c'est bien mieux ! (Avec background image et seul la color du texte change..)

EDIT :

Mais plutôt url(...) que (url...)

je comprends bien le principe, en effet c'est mieux, mais le bouton à cliquer et sous un format d'image, on me demande de l'intégrer ainsi (le fond gris du bouton est nuancé, c'est pour ça je pense).

@golmote Oulaaa oui, erratum l'auto-completion fait des ravages