Faire disparaître une image lors d'un survol et la faire revenir ensuite

Cet exemple montre comment faire disparaître en fondu une image lorsque vous la survolez et comment la faire revenir lorsque vous déplacez la souris loin de cette zone.

Dans le code présenté cela a été fait avec un répétiteur et une image, mais vous pouvez le faire avec n'importe quels éléments.

Il faut savoir qu'une fois l'image masquée, il faut un élément pour la faire revenir. J'ai donc utilisé un répétiteur pour cela mais vous pouvez utiliser une seconde image par exemple l'image 1 s'efface lorsque l'on passe dessus (onMouseIn) et l'image 2 apparaît, puis si je pars de l'image2 (onMouseOut) l'image2 s'efface l'image1 réapparaît.

Éléments Code :
->Image: #image
->Repeater: #repeater1 | Ajouter un événement onMouseOut dans le panneau Propriétés

Éléments Version simplifié :
->Image: #image | Ajouter un événement onMouseIn dans le panneau Propriétés
->Repeater: #repeater1 | Ajouter un événement onMouseOut dans le panneau Propriétés
1/0