Code changement image & souris
Yukay
-
Bruce Willix Messages postés 11966 Date d'inscription Statut Contributeur Dernière intervention -
Bruce Willix Messages postés 11966 Date d'inscription Statut Contributeur Dernière intervention -
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.
A voir également:
- Code changement image & souris
- Code ascii - Guide
- Comment activer le pavé tactile sans souris - Guide
- Changement code pin - Guide
- Code puk bloqué - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
3 réponses
La 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.
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.
Si 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:
Et selon moi il faut:
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'">