Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2326 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Image qui se modifie au survol de la souris

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Image qui se modifie au survol de la souris

n°909303
subsk8
c4c4powered
Posté le 27-11-2004 à 19:47:11  profilanswer
 

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

mood
Publicité
Posté le 27-11-2004 à 19:47:11  profilanswer
 

n°909345
masklinn
í dag viðrar vel til loftárása
Posté le 27-11-2004 à 21:40:53  profilanswer
 

CSS propriété :hover


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°909349
ynyar
Posté le 27-11-2004 à 21:57:25  profilanswer
 

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...
 

n°909351
masklinn
í dag viðrar vel til loftárása
Posté le 27-11-2004 à 21:58:46  profilanswer
 

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
n°909358
ynyar
Posté le 27-11-2004 à 22:26:01  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Image qui se modifie au survol de la souris

 

Sujets relatifs
popup imageModifier le curseur de la souris lors du passage entre 2 frames?
[CSS] Aligner une image à gauche, c'est pourtant pas compliqué ![CSS] Changement d'image de fond de cellule avec une css ?
[php/html] bouton submit avec imageGD: get image size qui retourne rien...
"réserver" la zone d'une image en attendant son chargement ?alignement image
taille d'une imageProbleme de gestion de la souris...
Plus de sujets relatifs à : Image qui se modifie au survol de la souris


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR