Changer d'image au passage de la souris en HTML

Active 27 avril 2015    /    Viewed 3504    /    Comments 0    /    Edit


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 (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


Card image cap
profile-image
Daidalos

Hi, I am Ben.

I have developed this web site from scratch with Django to share with everyone my notes. If you have any ideas or suggestions to improve the site, let me know ! (you can contact me using the form in the welcome page). Thanks!