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
A voir également:
- Comment mettre une image en subriance ? (CSS)
- Image iso - Guide
- Comment agrandir une image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Faststone image viewer - Télécharger - Visionnage & Diaporama
- Google recherche par image - 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.