Afficher/Cacher une image au passage de la souris

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

Bonjour,

Montre ton code stp.

beegees

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

facilement en CSS, petit exemple :

Code:

---

1 2 3

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

---

Code:

---

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;}

---

Citation:

---

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 ;)

Merci à toi Willpower,

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

C'est NICKEL !