Comment mettre une image en subriance ? (CSS)
Résolu
Kaharon
Messages postés
58
Date d'inscription
Statut
Membre
Dernière intervention
-
Utilisateur anonyme -
Utilisateur anonyme -
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)
- Mettre une image en filigrane sur word - Guide
- Légender une image - Guide
- Image iso - Guide
- Transformer une image en icone - Guide
- Comment rechercher une image sur google - Guide
1 réponse
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.