Vous savez tous sans doute que pour changer une image au survol en CSS il faut utilisé :hover, exemple: #header :hover Mais là, rien à voir, je vais vous montrer comment faire en HTML pour vos articles ou modules. Je vous préviens ça va être très très simple ^^'

I- Le code.

<img src="image1.png" onmouseover="this.src='image2.png'"onmouseout="this.src='image1.png'" />  

Il faut évidemment 2 images (2 liens, il faut donc héberger les images).

Image 1 (en rose), celle que l'on voit en premier et l'image 2 (en orange), celle qui apparaît lorsque qu'on survole la première. Pour ce code, il est recommandé d’utiliser des images au format .png

 

II- Mon exemple.

 

Image 1 > Image qui change au survol (HTML)

Image 2 > Image qui change au survol (HTML)

 

Pour mon exemple, j'ai gardé la même image en ajoutant simplement du texte, mais vous pouvez mettre ce que vous voulez.

Retour à l'accueil