Image change de couleur hover
Fermé
camillemb21
Messages postés
1
Date d'inscription
lundi 10 février 2014
Statut
Membre
Dernière intervention
13 février 2014
-
13 févr. 2014 à 10:19
Onitz Messages postés 23 Date d'inscription lundi 30 décembre 2013 Statut Membre Dernière intervention 16 septembre 2015 - 13 févr. 2014 à 11:42
Onitz Messages postés 23 Date d'inscription lundi 30 décembre 2013 Statut Membre Dernière intervention 16 septembre 2015 - 13 févr. 2014 à 11:42
A voir également:
- Image change de couleur hover
- Changer de dns - Guide
- Image iso - Guide
- Excel cellule couleur si condition texte - Guide
- Somme si couleur - Guide
- Changer la couleur de la barre des taches - Guide
1 réponse
Onitz
Messages postés
23
Date d'inscription
lundi 30 décembre 2013
Statut
Membre
Dernière intervention
16 septembre 2015
Modifié par Onitz le 13/02/2014 à 11:45
Modifié par Onitz le 13/02/2014 à 11:45
Bonjour,
Je te propose 2 solutions.
La première en CSS:
Tu crée une image facebook rouge.
La deuxième solution en Jquery:
Ici il te faut l'image en rouge et en noir/blanc.
À toi de voir!
Je te propose 2 solutions.
La première en CSS:
Tu crée une image facebook rouge.
<!--Code HTML--> <img src="facebookRouge.(png,jpg,...)" id="image"></img>
//Code CSS
#image{
filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
-ms-filter: grayscale(1);
}
#image:hover
{
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);
}
La deuxième solution en Jquery:
Ici il te faut l'image en rouge et en noir/blanc.
<!--Code HTML--> <img src="facebookBlackAndWhite.(png,jpg,...)" id="image"></img>
//Code JS
$("#image").hover(
function(){
$(this).attr('src',"facebookRed.png"/*par exemple*/);
},
function(){
$(this).attr('src',"facebookBlackAndWhite.png"/*par exemple*/);
});
À toi de voir!
