Page 1 sur 1
[Resolu] Modification d'images lors du passage de la souris
Publié : 08 mai 2006, 19:02
par 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
Publié : 10 août 2007, 17:44
par 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
Publié : 10 août 2007, 22:11
par 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)
Publié : 12 août 2007, 22:51
par 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
Publié : 12 août 2007, 22:54
par Mongo Bob
Ah! Quand même... Je te voyais revenir en septembre 2008!