Лучшая jQuery drop-down nav Suckerfish альтернатива, которая работает с Flash?

Question

Я думаю, что моя выпадающая навигационная панель Suckerfish не очень хорошо работает со вспышкой. Я сделал все, что мог придумать, но моя раскрывающаяся навигация продолжает показывать под моим флеш-фильмом. Если я заменил фильм изображением, он отобразится просто отлично. Только когда я использую флеш-ролик, отображается экран навигации под флэш-фильмом. Я уже добавил wmode и он по-прежнему не работает:

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

Так что я думаю, что мое единственное левое решение, чтобы попытаться заменить навигацию. Поэтому я ищу плагин jQuery, который заменит мою текущую навигацию. Моя текущая навигация работает следующим образом:

1. Это горизонтальное выпадающее меню
2. При наведении курсора мыши на меню, выпадающее меню первого уровня появляется
3. При нажатии на ссылку в первом выпадающего меню уровня, второй уровень отображается ниже ссылки, которая была нажата (не так, как в большинстве навигационных меню). Это похоже на вертикальное меню аккордеона.

Есть ли что-нибудь вроде этого в настоящее время? Я не могу придумать ничего другого, чтобы попытаться сделать навигацию поверх флеш-ролика.

Answer 1

бах! Я забыл одно. Вы должны установить режим окна в TWO мест! Я использую SWFObject javascript plugin, поэтому мой HTML выглядит следующим образом.

для того, чтобы ваш навигации, чтобы появиться на верхней части вашего флэш-ролик, вы не должны забывать указывать wmode="opaque" (или прозрачный) в второго тега объекта

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