Meilleure alternative de navigation jQuery avec Suckerfish qui fonctionne avec Flash?

Question

Je pense que la navigation dans la liste déroulante Suckerfish ne fonctionne pas bien avec le flash. J'ai fait tout ce que je pouvais imaginer, mais ma liste déroulante continue de s'afficher sous mon film flash. Si je remplace le film par une image, cela s’affiche parfaitement. Ce n'est que lorsque j'utilise une animation flash que la navigation s'affiche sous l'animation flash. J'ai déjà ajouté wmode et cela ne fonctionne toujours pas:

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

Je pense donc que ma seule solution reste d'essayer de remplacer la navigation. Je recherche donc un plugin jQuery qui remplacera ma navigation actuelle. Ma navigation actuelle fonctionne comme suit:

1. C'est un menu déroulant horizontal
2. Lorsque vous survolez le menu, le menu déroulant du premier niveau apparaît
3. Lorsque vous cliquez sur un lien dans le menu déroulant du premier niveau, un second niveau est révélé sous le lien sur lequel vous avez cliqué (et non le droit, comme la plupart des menus de navigation). Un peu comme un menu accordéon vertical.

Y a-t-il quelque chose comme ça actuellement disponible? Je ne peux penser à rien d’autre pour faire en sorte que la navigation apparaisse au-dessus du film flash.

Answer 1

bah! J'oubliais une chose. Vous devez définir le mode Fenêtre à DEUX ! J'utilise le plug-in javascript de SWFObject pour que mon code HTML ressemble à ce qui suit.

Pour que votre navigation apparaisse au-dessus de votre animation Flash, vous ne devez pas oublier de spécifier wmode = "opaque" (ou transparent) dans la balise du deuxième 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>