Tom's Guide > Forum > Programmation > une image qui change sous le pointeur

une image qui change sous le pointeur

Forum Programmation : une image qui change sous le pointeur

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
mannkauff   17-07-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

Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
sparrowix   17-07-2006 à 14:03:25
- 0 +

Code CSS :

Code :
  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.     }
  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

Code :
  1. <a class="image" title="description du lien pour les synteses vocales" href="lien.htm"></a>


Répondre à sparrowix
Sethpolma   17-07-2006 à 14:11:21
- 0 +

Pas bête ! J'y aurais jamais pensé en CSS... :-)

Répondre à Sethpolma
sparrowix   17-07-2006 à 14:25:47
- 0 +

tu l'aurai fait avec quoi??

Répondre à sparrowix
mannkauff   17-07-2006 à 14:27:33
- 0 +

merci beacoup
tres sympa

Répondre à mannkauff
aleksi   17-07-2006 à 15:23:14
- 0 +

Sethpolma, si tu fait pas sa en css, comment l'aurait tu fait ? Je vois pas trop.

Répondre à aleksi
Sethpolma   17-07-2006 à 16:40:14
- 0 +

En Javascript, avec un onMouseOver.

Répondre à Sethpolma
crazycat@idn   17-07-2006 à 16:42:02
- 0 +

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)

Répondre à crazycat@idn
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > une image qui change sous le pointeur
Aller à :

Il y a 3075 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,648 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens