Image qui se modifie au survol de la souris

Image qui se modifie au survol de la souris - HTML/CSS - Programmation

Marsh Posté le 27-11-2004 à 19:47:11    

Bonjour, je débute sous dreamweaver et je voudrais créer un lien sur une image et qu'au passage de la souris cette image "se modifie".
Par exemple, qu'elle soit noire et blanc par défaut et qu'au survol de la souris elle devienne en couleur.
J'imagine que je dois faire 2 copies de l'image, 1 en couleur et l'autre en n&b.
Et ensuite ?
 
Merci de votre aide

Reply

Marsh Posté le 27-11-2004 à 19:47:11   

Reply

Marsh Posté le 27-11-2004 à 21:40:53    

CSS propriété :hover


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 27-11-2004 à 21:57:25    

Dans CSS oui :
 
a.exemple {
  background-image: url(bw.jpg);
}
a.exemple:hover {
  background-image: url(color.jpg);
}
 
et dans html :
 
<a href="ta_destination" class="exemple">&nbsp;</a>
 
J'ai pas testé mais cela devrait fonctionner...
 

Reply

Marsh Posté le 27-11-2004 à 21:58:46    

manquent des morceaux, si tu veux mettre une image en background du lien il faut ajouter display:block et la taille exacte de l'image (width/height)


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 27-11-2004 à 22:26:01    

CSS :
 
a.exemple {
 display: block;
 height: 50px;
 width: 50px;
 background-image: url(bw.gif);
}
 
a.exemple:hover {
 background-image: url(color.gif);
}
 
HTML :
 
<a href="ta_destination" class="exemple"></a>
 
et voilà...
 
Merci Masklinn :)


Message édité par ynyar le 27-11-2004 à 22:41:50
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed