Comment mettre une image en subriance ? (CSS)

Résolu/Fermé
Kaharon Messages postés 58 Date d'inscription samedi 22 août 2009 Statut Membre Dernière intervention 1 avril 2012 - 22 août 2009 à 06:44
 Utilisateur anonyme - 22 août 2009 à 08:14
Bonjour, j'aimerais avoir le code CSS (je pense), pour que, dès que l'on va sur une image, elle puise se mettre en surbriance.
Comme ceci : http://www.dofus.com/fr/mmorpg-jeux/objets/2-objets/
(les objets du sommaire)

A voir également:

1 réponse

Utilisateur anonyme
22 août 2009 à 08:14
J'utiliserais javascript à ta place !!
CSS risque d'être lourd à mettre en place si t'as un paquet d'images !!

Donc pour mettre ce système en place, il te faut deux images... Une de couleur vive, et l'autre de couleur plus terne.

Ensuite, tu places tes images comme ça :

<a href="tapage.html"><img src="image_terne.jpg" onmouseover="this.src='image_vive.jpg';" onmouseout="this.src='image_terne.jpg';" alt="" /></a>

De base tu afffiches une image terne, quand la souris est au dessus, tu affiches une image de couleur vive, et puis quand la souris n'est plus au dessus, tu affiches de nouveau l'image terne.



0