Changer d'image au passage de la souris en HTML

Published: 27 avril 2015

DMCA.com Protection Status

Avec le HTML il est possible de changer d'image au passage de la souris pour cela il suffit d'uiliser le code suivant:

<a href="URL ADDRESS"><img src="image 1" onmouseover="this.src='image 2'" onmouseout="this.src='image 1'" /></a>

Exemple:

Changer d'image au passage de la souris en HTML (en dehors de l'image)
Changer d'image au passage de la souris en HTML (en dehors de l'image)

Changer d'image au passage de la souris en HTML (sur l'image)
Changer d'image au passage de la souris en HTML (sur l'image)

<!DOCTYPE html>

<html>

<body>

<a href="URL ADDRESS">
<img src="lena.png" 
onmouseover="this.src='lena_grayscale.png'" 
onmouseout="this.src='lena.png'" />
</a>

</body>

</html>

Recherches associées

Liens Site
create-rollover-image-effect-change helplogger
Image

of