fonctions mouseenter et mouseout

**balsamique** · 04/10/2011, 14h00

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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** · 04/10/2011, 14h10

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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...