¿La mejor alternativa de SQQERY de navegación desplegable de jQuery que funciona con Flash?

Question

Creo que mi navegación desplegable Suckerfish no funciona bien con flash. He hecho todo lo que se me ocurre, sin embargo, la navegación desplegable se sigue mostrando debajo de mi película flash. Si sustituyo la película por una imagen, se muestra bien. Solo cuando uso una película flash, la navegación se muestra debajo de la película flash. Ya he agregado wmode y todavía no funciona:

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

Así que creo que mi única solución es intentar reemplazar la navegación. Así que estoy buscando un complemento de jQuery que reemplace mi navegación actual. Mi navegación actual funciona así:

1. Es un menú desplegable horizontal
2. Cuando se desplaza sobre el menú, aparece el menú desplegable de primer nivel
3. Al hacer clic en un enlace en el menú desplegable del primer nivel, se muestra un segundo nivel debajo del enlace en el que se hizo clic (no en el derecho como en la mayoría de los menús de navegación). Algo así como un menú de acordeón vertical.

¿Hay algo como esto actualmente disponible? No puedo pensar en otra cosa para intentar que la navegación aparezca en la parte superior de la película flash.

Answer 1

bah! Estaba olvidando una cosa. ¡Debes configurar el modo de ventana en DOS lugares! Estoy utilizando el SWFObject javascript plugin , por lo que mi HTML es similar al siguiente.

Para que su navegación aparezca en la parte superior de su película flash, no debe olvidar especificar wmode = " opaco " (o transparente) en la segunda etiqueta 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>