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 -
A voir également:
- Comment mettre une image en subriance ? (CSS)
- Image iso - Guide
- Légender une image - Guide
- Mettre une image en filigrane sur word - Guide
- Comment agrandir une image - Guide
- Transformer une image en icone - 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.