Flash как фон
1 как flash сделать фоном
2 как вставить flash
Заранее спасибо
1. Делаем прозначный фон.
Просто как доска - у мувиков не должно быть никакого бекграунда (в смысле картинки там). Вот и все ) Терь вопрос как сделать так что бы он был прозрачный в хтмл. Смотрим пункт 2.
2. Вставка флеша и прозрачный фон.
Качаем (тупо сохраняем) файл swfobject.js. Например сдесь: http://blog.deconcept.com/swfobject/swfobject.js
Заодно советую почитать что это за чудо.
Подключаем файл в хтмл:
Код:
<script type="text/javascript" src="js/swfobject.js"></script>
А терь собственнос самое интересное - вставляем флеш:
Код:
<div id="flash"><!--сдесь советую делать подкладку картинкой, на случай если у человека отключены скрипты или плугины--></div>
<script type="text/javascript">
var fl = new SWFObject("flash/flash.swf", "movie", "209", "267", "6");
fl.addParam("quality", "high");
fl.addParam("menu", "false");
fl.addParam("wmode", "transparent"); <!--параметр отвечающий за прозрачность-->
fl.addParam("wmode", "opaque"); <!--параметр позволяющий сделать флеш фоном-->
fl.write("flash");
</script
<script type="text/javascript">
var fl = new SWFObject("flash/flash.swf", "movie", "209", "267", "6");
fl.addParam("quality", "high");
fl.addParam("menu", "false");
fl.addParam("wmode", "transparent"); <!--параметр отвечающий за прозрачность-->
fl.addParam("wmode", "opaque"); <!--параметр позволяющий сделать флеш фоном-->
fl.write("flash");
</script
Должно быть именно в такой последовательности, сначала див - потом скрипт.
В стилях для id="flash" может понадобится указть z-index:0;
Вуаля ) Что мы хорошего сделали:
-отказались от умирающиго <object>
-елегантно вышли из ситуации, когда у пользователя выключены скрипты или плугины.
-если пользоватся <object> то при наведении на флешку появляется надпись "Щелкните, для активации этого елемента управления". В нашем случае такого не будет.
Вродь все. Если че не понятно - пишите :)
1. var fl = new SWFObject("flash/flash.swf", "movie", "209", "267", "6");
за что отвечают и что означают числа 209, 267, 6.
2. у меня идет таблица, и в 1 столбец надо вставить флэш размеров 200х200. значет надо так писать?
<td><div id="flash></div>
<script type="text/javascript">
var fl = new SWFObject("имя флэшки", "movie", "209", "267", "6");
fl.addParam("quality", "high");
fl.addParam("menu", "false");
fl.addParam("wmode", "transparent");
fl.addParam("wmode", "opaque");
fl.write("flash");
</script></td>
Цитата: darzen
есть вопрос:
1. var fl = new SWFObject("flash/flash.swf", "movie", "209", "267", "6");
за что отвечают и что означают числа 209, 267, 6.
1. var fl = new SWFObject("flash/flash.swf", "movie", "209", "267", "6");
за что отвечают и что означают числа 209, 267, 6.
длинна, высота и версия флеш плеера.
Цитата: darzen
есть вопрос:
1. var fl = new SWFObject("flash/flash.swf", "movie", "209", "267", "6");
за что отвечают и что означают числа 209, 267, 6.
1. var fl = new SWFObject("flash/flash.swf", "movie", "209", "267", "6");
за что отвечают и что означают числа 209, 267, 6.
Skywalker все верно сказал
Цитата:
2. у меня идет таблица, и в 1 столбец надо вставить флэш размеров 200х200. значет надо так писать?
<td><div id="flash></div>
<script type="text/javascript">
var fl = new SWFObject("имя флэшки", "movie", "209", "267", "6");
fl.addParam("quality", "high");
fl.addParam("menu", "false");
fl.addParam("wmode", "transparent");
fl.addParam("wmode", "opaque");
fl.write("flash");
</script></td>
По сути да, только в вашем случае будет var fl = new SWFObject("имя флэшки", "movie", "200", "200", "6");
Если у флешки фон не прозрачный то параметр fl.addParam("wmode", "transparent"); ненужен.
вот часть кода
<tr>
<td colspan="3" class="l">
<div id="flash"></div>
<script type="text/javascript">
var fl = new SWFObject("top.swf", "movie", "200", "200", "6");
fl.addParam("quality", "high");
fl.addParam("menu", "false");
fl.addParam("wmode", "opaque");
fl.write("flash");
</script>
</td>
</tr>
<tr>
<td class="g" colspan="3"><div id="flash"></div>
<script type="text/javascript">
var fl = new SWFObject("top2.swf", "movie", "200", "35", "6");
fl.addParam("quality", "high");
fl.addParam("menu", "false");
fl.addParam("wmode", "opaque");
fl.write("flash");
</script></td></tr>
У меня пропадает top.swf - первая флэшка, а в место нее появляется 2 - top2.swf
как это исправить?
Код:
<td class="g" colspan="3"><div id="flash2"></div>
<script type="text/javascript">
var fl = new SWFObject("top2.swf", "movie", "200", "35", "6");
fl.addParam("quality", "high");
fl.addParam("menu", "false");
fl.addParam("wmode", "opaque");
fl.write("flash2");
</script></td></tr>
<script type="text/javascript">
var fl = new SWFObject("top2.swf", "movie", "200", "35", "6");
fl.addParam("quality", "high");
fl.addParam("menu", "false");
fl.addParam("wmode", "opaque");
fl.write("flash2");
</script></td></tr>
А можно посмотреть код странички с пустой табл 2х2 а под ней флешка.
Спасибо!!!!!! Уже не надо - въехал!!!
Вот так примерно:
http://dl.dropbox.com/u/1247240/23.jpg
розовые области это область видео, как должно было бы работать чтобы увличивался размер заполняя экран но не меняя соотношение сторон
Поможите пожалуйста?
Код:
var fl = new SWFObject("flash.swf", "movie", "100%", "100%", "8");
пропорции отслеживаем в *.swf файле