Discussion :

[Shadow69]

Bonjour a tous,

Je réalise actuellement plusieurs exemples de slideshow en html/javascript avec jQuery et il ne me reste plus qu'un petit problème afin que tout fonctionne comme je le voudrai, c'est pourquoi j'aurai besoin d'un petit coup de main parce que la je ne sais plus trop comment le faire.

J'ai réalisé un damier de 16 cases avec des images qui apparaissent de facon aléatoires. Quand on pointe une image, l'évènement onmouseover fait apparaitre un span appait dynamiquement avec le titre de l'image.

Cependant il y a un petit conflit car lorsque ce span est présent par dessus l'image, l'évènement onmouseover n'est plus levé et laisse place a onmouseout qui me fait disparaitre le span.

Cela me fait un gros problème d'affichage car quand la souris est sur l'image et qu'elle bouge sur celle ci, le span va se mettre a "clignoter" n'arrétant pas d'apparaitre et disparaitre, ce qui n'est pas le but.


Ma question est la suivante: Comment faire en sorte que le span ne fasse pas lever l'évènement onmouseout de mon élément

Vous trouverez le slideshow a l'adresse suivante: http://www.codeyourweb.org/test/simpleSlideshow (damier de droite)

le code source du fichier javascript est trouvable a cette adresse:
http://www.codeyourweb.org/test/simp...ctSlideshow.js

Merci d'avance pour votre aide

[NoSmoking]

Bonsoir,
cela est en passe de devenir un classique...
.mouseenter()
.mouseleave()

[Shadow69]

Effectivement, si je m'étais plus concentré sur la doc de jQuery plutot que de faire des recherches google sur des "problème mouseover jQuery /problème mouseleave dans un li", j'aurai trouvé directement le problème.

Merci néanmoins d'avoir répondu clairement avec cette référence a la doc, cela fonctionne a merveille maintenant