18041 sujets

Questions générales et questions de débutants

Hover, and over, and over, and ...

Bonjour,

Voici mon souci:
j'ai trois petits chats en noir et blanc que je voudrais montrer en couleur au passage de la souris. Pas moyen de faire fonctionner les différents codes css glanés par-ci par-là. D'ailleurs je ne sais pas trop par où commencer. Pouvez-vous m'indiquer où chercher une explication adaptée aux supra débutants plein de bonne volonté?

Sinon merci pour votre forum, je me régale. Smiley lol
Bonjour

Même pas besoin de CSS.

Ce bout de code fonctionne :


<img src="adresse_image_noir et blanc"
         onmouseover="this.src='adresse_image_couleur';"
         onmouseout="this.src='adresse_image_noir et blanc';"/>
^ Solution qui nécessite de précharger l'image en couleur au risque d'avoir une petite latence.

Sinon il y a le filtre grayscale (pour internet explorer il faut utiliser des solutions alternatives ou ne pas s'en soucier)
@bzh : pour la solution de Basdufront, on peut aussi coller l'image en couleur à l'image en noir et blanc et utiliser background-position... Ce qui fait moins de requêtes aussi.

Smiley smile
Modifié par Zelena (31 Mar 2017 - 18:53)
Voui, je pense qu'il vaut mieux faire comme cela plutôt que la solution en js. Il n'y a que des vieux tuto là dessus mais en somme c'est la même chose que les sprite css
Sujet clos
Aller à