11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je rencontre actuellement un problème avec un survol d'une image en jQuery ...

Je souhaiterais cacher l'image au survol de l'image. J'ai donc réalisé ce code :

 $("#photo1>img").mouseover(function(){
     console.log("survol");
     $("#photo1>img").css("display","none");
    }).mouseout(function(){
        console.log("quit");
   $("#photo1>img").css("display","block");
    });


Mon image se situe dans une div.

Or lorsque je fais ça, grâce à mes console.log, j'ai pu remarquer que mon code s'exécute à toute vitesse : survol - quit - survol - quit - survol ...

Je ne sais pas d'ou peut venir ce problème ...

Avez vous une idée ?

merci d'avance !
Salut

En effet, ton problème est si simple: ton code manque la logique (pas technique mais) fonctionnel.
Ton code fait disparaitre au hover l'image sur laquelle tu as mis l'événement, par conséquent le mouseout se déclenche automatiquement car le curseur n'est plus sur l'image !, par suite tu as cette succession de in out sans cesse jusqu'à ce que tu déplaces le curseur de la zone de l'image.
Le problème c'est que côté fonctionnel (en terme d'utilité, à part que ça soit seulement un passe temps), j'arrive pas à trouver un sens pour ce que tu veux faire. Smiley smile