ArtShok. Сайтостроение и немного SEO

Уроки и примеры по CSS, jQuery. Советы по монетизации и продвижению сайтов

Rotaban.ru - биржа банерной рекламы


23 марта 2009

Flash поверх выпадающего меню или JavaScript (JS)

Проблема не то, чтобы достаточно распространенная. Но когда на нее натыкаешься, сначала приходится поломать голову, поискать в сети.. и можно не найти решения проблемы.

Суть в том, что если у Вас на сайте есть флэш, а рядом/над ним есть выпадающее меню или, например, какой-либо эффект на JavaScript, то flash будете перекрывать его, находиться поверх.

Чтобы сразу не кидаться в крайности и отказываться от флэш, идеи с меню или скрипта, предлагаю решению проблемы. Для flash добавляем следующие параметры

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

А в embed добавляем

wmode="transparent"

Пример.

1 .Код до решения проблемы

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="125" height="125">
<param name="movie" value="images/filename.swf" />
<param name="quality" value="high" />
<embed src="images/filename.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="125" height="125">
</embed>
</object>

2. Код после решения проблемы

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="125" height="125">
<param name="movie" value="images/filename.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="images/filename.swf" wmode="transparent"
quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="125" height="125">
</embed>
</object>

Больше ничего не потребуется.

Рекомендуемые статьи:

Обязательно к использованию:



Комментарии к этой записи


  1. Огромное спасибо. Помогло и во всех браузерах!

    [Ответить]


  2. Пользуйтесь на здоровье :)

    [Ответить]


  3. # 3 Виталий (1)

    Огромное спасибо !!!!
    barsXXX@list.ru - ящик не верный а то заспамят :)

    [Ответить]


  4. Отличное решение. Кратко и работает. Спасибо!

    [Ответить]


  5. Спасибо огромное!!! :):):)

    [Ответить]


  6. Странно, мне не помогло. Прверял в Экслорере, файефоксе, опере и сафари.
    Смотри страницу сайта.

    [Ответить]


  7. Спасибо. Помогло просто wmode=”transparent”.

    [Ответить]


  8. Спасибо большое за статейку, думала, что никогда не найду ответ на этот вопрос. А можно совсем для кипятильников пояснить, куда именно код вписывать?
    Заранее - спасибо.

    [Ответить]


  9. Что бы я без вас делала!!!! Спасибо )

    [Ответить]


  10. Подскажите, пожалуйста, что можно сделать? У меня уже есть параметры

    Если меняю их так как вы сказали, у меня страница сразу же обновляется, я не успеваю никуда нажать. Для меня это важно очень.

    [Ответить]

    ArtShok:

    Страница не должна обновляться, т.к. в этом коде нет указания на такое поведение. Проблема в чем-то другом. Скиньте ссылку на пример.

    [Ответить]


  11. Спасибо за ответ!!!

    Изначально в HTML коде было wmode = “Window” в строках param name и embed, я заменила window на transparent - выпадающее окно теперь показывает правильно, но он обновляет саму флеш на первую страницу при нажатии на любую кнопку в этом Flash, посмотрите http://welbeck.ru/service/schools/

    [Ответить]

    ArtShok:

    То ли я вас не понимаю, то ли у меня таких глюков не наблюдается…
    В данной ситуации Вам вообще лучше тогда весь сайт на флэше было делать, чем отдельные подрубрики анимировать. А то немного разрозненно смотрится:) Не сочтите за критику, скорее просто пожелание для улучшения юзабилити.

    [Ответить]


  12. Спасибо. Вчера вечером все уже исправила )))

    [Ответить]

Оставить комментарий или два