Changer d'image au passage de la souris en HTML

Published: 27 avril 2015
DMCA.com Protection Status

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
Creative Commons License

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

Author profile-image

Benjamin

Développeur à mes heures perdues, je m’intéresse à la télédétection terrestre et à la détection des incendies par satellite. Passionné par Python, le machine learning et la science ouverte.

Skills
  • Remote sensing
  • Python
  • Machine Learning
  • Tensorflow 2.0
Image

of