Discussion :

[findjo]

Bonjour à tous.

J'ai deux images de même nature et de même taille (l'une à un fond blanc(img-ico1)) et l'autre un fond vert(img-ico1-2) ).

Sur ma page web, j'affiche l'image à fond blanc d'abord. Ensuite je souhaite qu'au survol de la souris sur cette image ce soit l'image à fond vert qui s'affiche en lui et place de l'autre. Mais lorsque le curseur de la souris quitte sur cette image ce soit celle celle à fond blanc qui se réaffiche.

Comment dois-je procéder?

Merci

[Bovino]

CSS ne peut pas modifier le contenu HTML de la page, notamment la valeur de l'attribut src d'une image.
Il faut donc soit passer par un autre élément (une balise <span> par exemple) et jouer sur la propriété background-image, soit passer par JavaScript et modifier l'attribut src aux événements mouseover / mouseout.

[Invité]

Bonjour,
Tu pourrais être interessé par cette discussion :

• Changement image au hover
• démo

@Bovino
sur le contenu HTML, non, mais sur ce qui est affiché à l'écran, oui !

[findjo]

Merci bien pour vos explications. J'ai pu réaliser ce que je voulais.