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
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)
Comme ceci : http://www.dofus.com/fr/mmorpg-jeux/objets/2-objets/
(les objets du sommaire)
A voir également:
- Comment mettre une image en subriance ? (CSS)
- Image iso - Guide
- Comment agrandir une image - Guide
- Légender une image - Guide
- Transformer une image en icone - Guide
- Comment mettre une image en filigrane sur word - Guide
1 réponse
Utilisateur anonyme
22 août 2009 à 08:14
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.
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.