Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2863 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


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
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)


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
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-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)