mouseover fadeIn et image dans la div

Bonjour à tous.
Voici mon petit probleme. Je viens tout juste de me mettre au jquery. J'ai réussi a faire un sorte qu'un div s'affiche en fadeIn et que celle)ci disparaisse lorsque le curseur n'est plus dessus. Le soucis qu'il y a est que dès que le curseur passe sur une image qui est dans la div qui s'affiche, celle-ci disparait.
Pourriez vous m'expliquer pourquoi il a ce comportement ?

Code:

---

1 2 3 4 5 6 7 8 9

jQuery(document).ready(function() { $("#monDiv").hide(); $("#declencheur").mouseover(function () { $("#monDiv").fadeIn("slow"); }); $("#monDiv").mouseout(function () { $("#monDiv").fadeOut("slow"); }); });

---

Un petit exemple plus parlant est disponible ici : http://tikiz.fr/Archive.zip

Bonsoir.

On ne doit plus utiliser mouseover et mousout, voir la documentation jQuery. Problème déjà souvent abordé dans le forum. :roll:

Exemple :

Code:

---

1 2 3 4 5 6 7 8 9

$("#monDiv").hide();   $("#declencheur").mouseenter(function(){ $("#monDiv").fadeIn("slow"); });   $("#declencheur").mouseleave(function(){ $("#monDiv").fadeOut("slow"); });

---

Bonjour,
merci beaucoup pour votre aide. Je viens de tester la fonction mouseenter et mouseleave (en utilisant l'exemple que vous m'aviez fait), et cela ne fonctionne pas du tout. Je ne comprend pas pourquoi.

Bonsoir.

Désolé, mais pour ma première réponse je n'avais pas pris le temps de regarder le contenu du fichier ZIP. Il est toujours préférable de poster la partie du code qui montre votre problème.

Code:

---

1 2 3 4 5 6 7 8 9

$("#monDiv").hide();   $("#declencheur").mouseenter(function () { $("#monDiv").fadeIn("slow"); });   $("#monDiv").mouseleave(function () { $("#monDiv").fadeOut("slow"); });

---