Meilleur jQuery drop nav down Suckerfish alternative qui fonctionne avec Flash?

Question

Je pense que ma navigation déroulante Suckerfish ne joue pas bien avec le flash. J'ai fait tout ce que je peux penser, mais ma navigation déroulante continue d'afficher sous mon film flash. Si je remplace le film avec une image, il s'affiche très bien. Ce n'est que lorsque j'utilise un film flash que l'écran de navigation s'affiche sous le film Flash. Je l'ai déjà ajouté wmode et il ne fonctionne toujours pas:

<param name="wmode" value="transparent" /> 

Je pense donc que ma gauche seule solution est d'essayer de remplacer la navigation. Je cherche donc un plugin jQuery qui remplacera ma navigation actuelle. Ma navigation actuelle fonctionne comme ceci:

1. Il est un menu déroulant horizontal
2. Lorsque vous passez la souris sur le menu, le premier menu déroulant niveau apparaît
3. Lorsque vous cliquez sur un lien dans la première Dans le menu déroulant de niveau, un deuxième niveau est indiqué sous le lien sur lequel vous avez cliqué (pas le droit comme la plupart des menus de nav). Un peu comme un menu accordéon vertical.

Y at-il quelque chose comme ceci actuellement disponible? Je ne peux pas penser à autre chose pour essayer de faire apparaître le nav sur le film flash.

Answer 1

bah! J'oubliais une chose. Vous devez définir le mode de la fenêtre dans DEUX endroits! J'utilise le SWFObject javascript plugin, donc mon HTML ressemble à ceci.

Pour que votre navigation apparaisse sur le dessus de votre film flash, vous ne devez pas oublier de spécifier wmode="opaque" (ou transparent) dans la deuxième balise d'objet

<object id="homepage_slideshow" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="530" height="397"> 
    <param name="movie" value="flash/homepage_slideshow.swf" /> 
    <param name="wmode" value="opaque" /> 
    <!--[if !IE]>--> 
    <object type="application/x-shockwave-flash" data="flash/homepage_slideshow.swf" width="530" height="397" wmode="opaque"> 
    <!--<![endif]--> 
    <!-- begin alternative content --> 
    <img src="images/photos/homepage-placeholder-photo.jpg" width="530" height="397" alt="Get Moving Again!" /> 
    <!-- end alternative content --> 
    <!--[if !IE]>--> 
    </object> 
    <!--<![endif]--> 
</object>