Melhor jQuery drop-down nav Suckerfish alternativa que funciona com Flash?

Question

Eu acho que a minha Suckerfish de navegação drop-down não joga bem com flash. Eu fiz tudo que eu posso pensar, mas meu drop-down de navegação continua exibindo debaixo da minha filme flash. Se eu substituir o filme com uma imagem, ele exibe apenas multa. Só quando eu uso um filme flash faz o display de navegação debaixo do filme flash. Eu já adicionou wmode e ele ainda não funciona:

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

Então, eu acho que a minha única solução que resta é tentar substituir a navegação. Então eu estou procurando um plugin jQuery que irá substituir a minha navegação atual. Meu navegação atual funciona assim:

1. É um menu drop-down horizontal
2. Quando você passar o mouse sobre o menu, o menu drop-down primeiro nível aparece
3. Quando você clica em um link no menu drop-down primeiro nível, um segundo nível é revelado abaixo do link que foi clicado (não o direito como a maioria dos menus NAV). Mais ou menos como um menu sanfona vertical.

Existe alguma coisa como esta atualmente disponível? Eu não posso pensar em mais nada para tentar fazer o nav aparecem no topo do filme flash.

Answer 1

bah! Eu estava esquecendo uma coisa. Você deve definir o modo de janela em DOIS lugares! Eu estou usando o SWFObject javascript plug-in , então meus olhares HTML como o seguinte.

Para que a sua navegação para aparecer no topo de seu filme flash, você deve se esqueça de especificar wmode="opaque" (ou transparente) na segunda marca de objeto

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