Votre question

une image qui change sous le pointeur

Tags :
  • Arrière plan
  • Programmation
Dernière réponse : dans Programmation
17 Juillet 2006 13:57:52

bonjours a tous !
je voudrais un code html pour que l'internaute vois "limage 2" quand il passe sont pointeur sur "l'image 1" .
On touve sa tres souvant quand on surf sur le web
et je voudrais bien le savoir merci ++
et jéspére que vou comprenée :D 

Autres pages sur : image change pointeur

17 Juillet 2006 14:03:25

Code CSS :
  1. a.image { /* définition de la classe "image" de la balise <a> */
  2. display: block; /* la balise a doit être en bloc */
  3. width: 100px; /* largeur de l'image réactive */
  4. height: 100px; /* hauteur de l'image réactive */
  5. background-image: url(image1.gif); /* source de l'image de départ */
  6. background-repeat: no-repeat;
  7. }
  8.  
  9. a.image:hover { /* définition de la classe "image" de la balise <a> au survol */
  10. background-image: url(image2.gif); /* source de l'image d'arrivée */
  11. }


il te suffit de mettre ce dernier code a l'endroit de ton img
  1. <a class="image" title="description du lien pour les synteses vocales" href="lien.htm"></a>

17 Juillet 2006 14:11:21

Pas bête ! J'y aurais jamais pensé en CSS... :-)
Contenus similaires
17 Juillet 2006 14:25:47

tu l'aurai fait avec quoi??
17 Juillet 2006 14:27:33

merci beacoup
tres sympa
17 Juillet 2006 15:23:14

Sethpolma, si tu fait pas sa en css, comment l'aurait tu fait ? Je vois pas trop.
17 Juillet 2006 16:40:14

En Javascript, avec un onMouseOver.
a c 145 L Programmation
17 Juillet 2006 16:42:02

et un onmouseout pour le retour à la normale :) 

Attention: l'utilisation des CSS pour les rollovers n'est valable que dans le cas de liens (si je me souviens bien)
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS