fonctions mouseenter et mouseout

[balsamique]

Bonjour à tous,

Je débute en javascript et j'essaye d'animer un peu les page de mon premier site que je suis en train de compléter.
La fonction que j'ai essayé consiste à faire apparaitre le texte correspondant au survol de l'image.
Cela marche mais le texte sensé apparaitre apparait et disparait en boucle...
J'ai essayé mouseenter (mouseout) sur une image et mouseover (mouseleave) sur l'autre mais le résultat est le même.
Voici mon code

Code :

1
2
3
4
5
6
7
8
9
10
11
 
    $("#cadre_image_affinato").mouseenter(function(){
	$("#cadre_affinato_texte").show("slow", "linear");
    }).mouseout(function(){
      $("#cadre_affinato_texte").hide("slow", "linear");
    });
    $("#cadre_image_extravecchio").mouseover(function(){
	$("#cadre_extra-vecchio_texte").show("slow", "linear");
    }).mouseleave(function(){
      $("#cadre_extra-vecchio_texte").hide("slow", "linear");
    });

La page est en ligne ici

[Bovino]

L'association classique, c'est mouseenter / mouseleave ou mouseover / mouseout...

Sinon, il est préférable d'utiliser l'événement hover.

Code :

1
2
3
4
5
$("#cadre_image_affinato").hover(function(){
	$("#cadre_affinato_texte").show("slow", "linear");
    }, function(){
      $("#cadre_affinato_texte").hide("slow", "linear");
    });

Ensuite, pour ton effet d'apparition et de disparition, pose-toi la question, quand on survole l'image, de ce qui se passe quand un élément (le texte) arrive au niveau de la souris ?
Ca provoque bien le fait que l'image n'est plus survolée, donc le mouseleave, et inversement quand le texte disparait...

[balsamique]

Quel idiot je suis, je n'y avais pas pensé...
Je vais aller voir dans les docs si je trouve une autre solution alors.
Merci.

[SpaceFrog]

ça a faillit tourner vinaigre ...