⇔ Voilà le code complet de ce bouton, remis automatiquement dans cet ordre par l'éditeur:

2.repèrer la source qui montre ce code:

<img alt=""  src="https://img.webme.com/pic/b/balades-en-haut/mercredidenfants01.gif" />

3.ensuite il faut préparer les 2 autres lignes de code:

onmouseout="this.src='https://img.webme.com/pic/b/balades-en-haut/mercredidenfants01.gif';"

4.Vérifier que le code ne s'est pas transformé ainsi: (ça peut arriver)

FAUX --> onmouseover=&quot;this.src='https://img.webme.com/pic/b/balades-en-haut/mercredidenfants02.gif';&quot;

FAUX --> onmouseout=&quot;this.src='https://img.webme.com/pic/b/balades-en-haut/mercredidenfants01.gif';&quot;/&gt;


5. quand les 2 lignes sont dotées d'adresses-image valables,
il faut les coller dans l'espace vert montré ci-dessous, dans la ligne de code générée par la 1ère image 1:

<img alt=""   src="https://img.webme.com/pic/b/balades-en-haut/mercredidenfants01.gif" />


Voir le résultat en haut de page


 ⇒ Il faut que les 3 lignes de codes soient groupées,...
avec une balise < pour commencer,

et une balise /> pour finir à la fin des 3 lignes.

"onmouseover"  affiche l'image quand la souris est au dessus du bouton
"onmouseout"  affiche l'image quand la souris passe au dehors du bouton

on ose croiser l'ordre des 3 lignes.

6. lorsque l'animation fonctionne, on lui ajoute le lien-adresse qu'on veut.
A la fin seulement, car le lien va complexifier le code, et une erreur sera plus dure à y trouver .