Image qui se modifie au survol de la souris - HTML/CSS - Programmation
Marsh Posté le 27-11-2004 à 21:40:53
CSS propriété :hover
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"> </a>
J'ai pas testé mais cela devrait fonctionner...
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)
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
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