Menu glitch sur le dessus du diaporama

Question

J'ai mis en œuvre les mettre en place (après avoir été demandé):

diaporama d'images changeantes, après que la souris de l'utilisateur sur, le menu apparaît dans le coin supérieur droit, il disparaîtrait à la sortie de la souris. Le problème est que le menu est glitchy quand j'essaie de passer la souris sur ses éléments, ça se passe à la fois dans IE6/7 et FF 3.5.

J'ai essayé JQuery hover, mouseenter/mouseleave, tous avec le même résultat. http://www.codecookery.com/test/index.html

est-il possible de le rendre pas glitchy du tout?

Answer 1

Vous êtes mieux d'utiliser .hover que .mouseenter/leave. Le vrai problème, cependant, est que le menu est en dehors du slideshowwrapper, donc planer sur le menu compte comme quitter le slideshowwrapper. Changez votre html à ce qui suit, imbriquer le menu dans le slideshowwrapper, et revenir à l'aide de la fonction .hover ::

<div id="slideshow-wrapper"> 
    <div id="slideshow"> 
     <img src="images/image1.jpg" alt="Slideshow Image 1" class="active" /> 
     <img src="images/image2.jpg" alt="Slideshow Image 2" /> 
     <img src="images/image3.jpg" alt="Slideshow Image 3" /> 
     <img src="images/image4.jpg" alt="Slideshow Image 4" /> 
    </div> 

    <div id="main-menu"> 
     <ul> 
       <li><a href="#">home</a></li> 
       <li><a href="#">store</a></li> 
       <li><a href="#">services</a></li> 
       <li><a href="#">about</a></li> 
      <li><a href="#">contact</a></li>  
       <li><a href="#">login</a></li> 
     </ul> 
    </div> 
</div>