Help For Web Developers

Помощь веб разработчику

  • RSS
  • Delicious
  • Facebook
  • Twitter

Flash ролик на весь экран

Posted by admin Апрель - 15 - 2009

Для ряда проектов необходимо создавать полноэкранные flash-интерфейсы. То есть, нужно, чтобы основной ролик занимал 100% площади окна браузера. При этом не нужны такие элементы, как полоса прокрутки в браузере, всевозможные отступы-выступы. По возможности, документ должен соответствовать спецификации XHTML 1.0 Transitional

Самый простой способ – указать DOCTYPE как HTML 4.01. При этом появляется возможность установки параметра height для ролика в 100% и конечное решение нас устроит:

<?xml version=»1.0″ encoding=»windows-1251″ ?>
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN»>
<html xmlns=»http://www.w3.org/1999/xhtml» lang=»ru» xml:lang=»ru»>
<head>
<title>Пример полноэкранного Flash</title>
<style>
body {margin: 0; padding:0; border:0; overflow: hidden;}
</style>
</head>
<body>
<object type=»application/x-shockwave-flash» data=»movie.swf» width=»100%» height=»100%»>
<param name=»movie» value=»movie.swf» />
</object>
</body>
</html>

Здесь использованы CSS-правила для элемента body, чтобы выставить нулевые значения рамок и отступов, overflow: hidden выключит в Internet Explorer блокированную полосу прокрутки.

Примеры:

Пробовать полноэкранный flash тут.

Скачать архив с исходными текстами (zip, 3кб)

Flash-ролик для примера сделан с помощью FAME (Flashout+ASDT+MTASC+Eclipse). Очень перспективное средство для создания flash-приложений.

Проблемы:

Не удалось создать решение для XHTML 1.0 Transitional из-за невозможности в этой схеме задать блоку высоту 100%.

Источник: http://schleicher.ru/web/38.html

Похожие записи

Друзья и партнеры

  • Отличный не дорогой хостинг с качественной техподдержкой:

    Русскоязычный фотобанк (фотосток). Покупка и продажа фотографий.

    Фотобанк Лори: лицензионные изображения и фотографии