Code changement image & souris
Bonjour,
J'aimerai un code qui me permette de changer une image (creation1) par une autre lorsque la souris passe dessus (creation1full) puis que la première revienne dès que la souris sort de cette seconde image.
Rien d'extraordinaire mais j'ai déjà essayé plusieurs codes sans succès.
A noter que j'utilise une interface utilisateur conçue par un informaticien pour compléter le texte et les images de mon site.
Merci par avance pour votre aide.
J'aimerai un code qui me permette de changer une image (creation1) par une autre lorsque la souris passe dessus (creation1full) puis que la première revienne dès que la souris sort de cette seconde image.
Rien d'extraordinaire mais j'ai déjà essayé plusieurs codes sans succès.
A noter que j'utilise une interface utilisateur conçue par un informaticien pour compléter le texte et les images de mon site.
Merci par avance pour votre aide.
3 réponses
-
ContributeurLa fonction a utiliser est onmouseover, mais si tu utilises un CMS il y aura probablement une façon différente de faire. Et donc si tu nous donnais le nom de ce CMS, on saurait mieux t'aider.
-
Aucune idée, c'est juste une interface qu'à faite spécialement l'informaticien qui gérait le site initialement... sauf que ça a changé.
J'ai essayé la fonction on mouse over avec :
<img.src="http://mon image.png"
onMouseOver="this.src='http://nomdusite/images/machintruc_actif.png"
onMouseOut="this.src='http://nomdusite/images/machintruc.png">
Mon image initiale s'affiche mais les 2 lignes qui suivent n'apparaissent plus et aucune réaction au passage de la souris. -
ContributeurSi le CMS réécrit le code (ce qui arrive souvent) les conseils qu'on te donne ici ne seront pas très utiles.
Si il ne réécrit pas le code, essaie d'écrire onmouseover (en minuscules).
Tu dois également bien fermer les apostrophes et les guillemets après avoir déclaré les images du mouse over et du mouse out. Dans ton cas, tu as écrit:<img.src="http://mon image.png" onMouseOver="this.src='http://nomdusite/images/machintruc_actif.png" onMouseOut="this.src='http://nomdusite/images/machintruc.png">
Et selon moi il faut:
<img.src="http://mon image.png" onmouseover="this.src='http://nomdusite/images/machintruc_actif.png'" onmouseout="this.src='http://nomdusite/images/machintruc.png'">
