Просмотр полной версии : Flash в качестве background
Приветствую, уважаемые флешеры! :)
Не подскажите ли, как флеш-мувик можно закинуть на background HTML страницы?
Видел такое не раз, иногда выглядит очень даже интересно...
вот тут, например, http://www.massiveattack.co.uk/ это сделано с помощью яваскрипта, если я правильно понял.
Есть какой-то более простой способ или скрипт попроще?
И вообще, что скажете о такой теме?:umnik2:
С уважением, RusDark. :)
Это не бэкграунд, а обычный див.
Откройте исходник страницы и увидите ответ на свой вопрос.
Что-то я не врублюсь... :(
Внутри DIV'a ничего нет, кроме id ссылающегося на параметры отображения в css файле. Есть еще скрипт, также задающий воспроизведение. Видимо содержимое и ссылки на него впаяны в swf файлики.
Но как сделать проще: взять swf-мувик и впаять егов DIV и чтобы на заднем фоне страницы? :)))
Много раз пробовал, в результате получается... сначала идет SWF, а после него следующим блоком все содержимое. :(
codfelix
07.09.2009, 16:49
1) Добавляем к параметрам: <param name="wmode" value="opaque"/>
2) для <embed> добавляем атрибут wmode="opaque"
Хммм... что-то опять не встало! :(
Я так понял, создаем DIV и вставляем в него swf:
<div>
<object width="100%" height="100%">
<param name="movie" value="clip.swf">
<param name="BGCOLOR" value="#000000">
<param name="wmode" value="opaque">
<embed src="clip.swf" width="100%" height="100%" quality="high" wmode="opaque" type="application/x-shockwave-flash" bgcolor="#000000"></embed>
</object>
</div>
Результат - сначала клип, а потом (под ним) страница, а не клип под страницей.
codfelix
07.09.2009, 17:22
Удачи :) (copy&paste)
<div id="text1" style="position:absolute; left:203px; top:64px; width:246px; height:72px; z-index:1; border:#C0C0C0 1px solid; "> <font class="ws8" color="#808080" face="Verdana">Обычное дело</font></div>
<div>
<object width="100%" height="100%">
<param name="movie" value="clip.swf">
<param name="BGCOLOR" value="#000000">
<param name="wmode" value="opaque">
<embed src="clip.swf" width="100%" height="100%" quality="high" wmode="opaque" type="application/x-shockwave-flash" bgcolor="#000000"></embed>
</object>
</div>
Вы можете управлять положением <div> блоков не только по х и у но и по z индексу
реализуя таким образом "слоистость" расположения блоков
id="flashcontent" блок грунта
код к нему в CSS
#flashcontent {
width: 100%;
height: 100%;
position:fixed;
z-index: 0;
top: 0px;
left: 0px;
}
а это блок для отображения поверх вашего флеш-грунта
#content {
position: absolute;
top: 0px;
left: 0px;
margin-left: 0px;
width: 960px;
z-index:1;
min-height: 100%;
}
Работает на vBulletin ® версия 3.7.3. Copyright ©2000-2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Copyright © 1999-2008 Flasher.ru. All rights reserved.