[Resolu] Modification d'images lors du passage de la souris

[SebJouan]

Bonjour,

Je voudrais savoir comment faire la chose suivante :
Mon menu est composé d'images. Lorsque l'on clique sur une image on va sur la page correspondante.
Je voudrais que lorsque l'on passe la sourris sur cette image, une autre image s'affiche (un effet pour avertir le surfeur qu'il s'agit d'un lien)

Est-ce possible ? si oui comment dois-je m'y prendre ?

Merci par avance

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

[SebJouan]

Je m'étais lancé dans un site et par manque de temps j'ai du "m'intérrompre" (plus d'un an tout de même...), mais depuis comme je n'ai pas avancé, je bute toujours sur ce pb de lien.

Comment faire pour que l'image qui porte un lien, et qui nous dirige donc vers une autre page quand on clique dessus, change lorsque nous passons simplement la souris dessus ???

Merci par avance

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

[Mongo Bob]

au minimum, il faut :
html :

Code : Tout sélectionner

<a href="autrepage.html"><img src="image1.jpg"><span><img src="image2.jpg"></span></a> 

image2 est bien l'image qui ne doit apparaître qu'au survol
css :

Code : Tout sélectionner

a:hover{
background: none;
}/*en l'honneur de IE6*/
a:hover span {
  top: 100px ;/*(par exemple)*/
  left: 400px;/*(par exemple)*/
  position: absolute;
  display: block;
}
a span {
  display: none;
}

et ça donne :
http://jlwebnet.free.fr/imageausurvol.html
des précisions? La maison est ouverte jusqu'en juillet 2008...
à+



<edit>Alerte! Ca marche pas avec IE6 grrmmmbblll... Voyons voir...</edit>
Ah, ça y est il fallait rajouter background:none dans a:hover pour corriger le bogue d'IE (corrigé ci-dessus)

[SebJouan]

Ca marche, c'est magic !!

Merci beaucoup

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

[Mongo Bob]

Ah! Quand même... Je te voyais revenir en septembre 2008!