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

Salut, je suis Ben, le fondateur de moonbooks.org. Je travaille en tant que chercheur spécialisé dans la télédétection par satellite de la Terre, en me concentrant particulièrement sur la détection des incendies à l'aide des capteurs VIIRS et ABI. Mes domaines d'expertise incluent Python, l'apprentissage automatique et la science ouverte. N'hésitez pas à me contacter si vous remarquez des erreurs sur le site. Je m'efforce constamment de l'améliorer. Merci !

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

of