Fonction hover appliquée à une image

Bonjour,

Je voudrais qu'au survol une image soit remplacée par une autre. Est-ce possible ?

J'ai pensé à utiliser la fonction hover (img:hover) mais je ne sais pas comment écrire la suite..

(Je voudrais remplacer la fonction javascript onmousehover afin de faire ma page uniquement avec du css)

MErci d'avance !
F.

Bonsoir,

Le changement d'image via la pseudo classe hover peut se faire via CSS (en utilisant des sprites ou en modifiant la valeur du background de l'élément ciblé par exemple)
Tout est expliqué ici (lire les mises en garde et les avertissements !)

Ceci étant dit, javaScript (non, ce n'est pas sale) est peut-être tout indiqué dans ton cas ?!

En complément de la réponse de 6l20, tout dépends de ton image.

Si elle est porteuse de contenu (avec du texte dessus) ou support de liens, elle doit se trouver dans le code HTML, JavaScript est donc la solution.

Si non, tu peux utiliser du hover sur une image en background.


Le JavaScript n'a rien de mal ; vouloir le supprimer et tout faire en CSS peut poser des problèmes.