Afficher/Cacher une image au passage de la souris [Résolu]

[yann_72]

Bonjour,

J'aimerais afficher une image au passage de la souris (et la cacher dès que la souris n'y est plus). J'utilise les événements onmouseover et onmouseout pour un display à none ou block.

Mais cela ne marche pas. J'ai l'impression que lorsque mon display est à 'none', l’événement onmouseover ne fonctionne pas.

Connaissez vous la bonne méthode pour réaliser ce genre de chose ?

Merci
Yann

[beegees]

Bonjour,

Montre ton code stp.

beegees

[cadoudal56]

Essaie des variantes de ceci :

Code :

1
2
3
4
5
6
 
---Cache l'élément div1
document.getElementById("div1").style.display = "none";
 
--Affiche l'élément div1
document.getElementById("div1").style.display = "block";

@+
Cadou

[Willpower]

facilement en CSS, petit exemple :

Code html :

1
2
3
<div id=a>
	<img src=http://www.fredzone.org/wp-content/uploads/2010/09/google-docs-revision.jpg />
</div>

Code css :

1
2
3
#a img{display:none;width:100px;height:100px;}
#a:hover img{display:block;}
#a{width:100px;height:100px;position:absolute;background-color:red;}

[Watilin]

Envoyé par yann_72

Bonjour,

J'aimerais afficher une image au passage de la souris (et la cacher dès que la souris n'y est plus).

Bonjour,

la question est : au passage de la souris sur quoi ? Évidemment, la souris ne peut pas « passer » sur une image qui n'est pas affichée. Sois plus précis

[yann_72]

Merci à toi Willpower,

Ton astuce en CSS répond parfaitement à ma demande.

C'est NICKEL !