VPF::резиновая анимация. ширина на весь экран.

pythonwin

Дата 26.12.2007, 15:23 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник
Сообщений: 2529
Регистрация: 18.4.2006
Где: за компом

Репутация: нет
Всего: 36

Всем привет!
пожалуйста, подскажите как сделать "резиновую" анимацию с шириной на весь экран?
пока сделал через JavaScript, но этот способ не работает, если выключен JavaScript, то флешка в IE и ФФ не выравнивается по ширине и остается много белого пространства по краям либо по вертикали, либо по горизонтали.

Код


<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" WIDTH="100%" height="350" id="myMovieName" ALIGN="left" valign = "bottom" cellspacing = "0" cellpadding = "0">
    <PARAM NAME=movie VALUE="/images/banners/banner.swf">
    <PARAM NAME=quality VALUE=best>

    <EMBED src="/images/banners/banner.swf"
           quality=best
           WIDTH="100%"
           height="350"
           NAME="myMovieName"
           ALIGN="left"
           TYPE="application/x-shockwave-flash"
           PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
    </EMBED>
</OBJECT>

и потом определяем скрипом ширину окна и выставляем высоту флешки

Код


<script>
// Определение браузера
IE = (document.all); // Internet Explorer?
NC = (document.layers); // Netscape?
Opera = (document.getElementById); // Opera?

function getHeight() { // Получаем высоту рабочей области браузера
if (IE || Opera) send = document.body.clientHeight;
if (NC) send = window.innerHeight;
return send;
}

function getWidth() { // Получаем ширину рабочей области браузера
if (IE || Opera) send = document.body.clientWidth;
if (NC) send = window.innerWidth;
return send;
}


td_obj = document.getElementById("tay_logo");
h = getWidth()*344/1240;

str1 = "<OBJECT classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0' WIDTH='100%' height='"+h+"' id='myMovieName' ALIGN='left' valign = 'bottom' cellspacing = '0' cellpadding = '0'> <PARAM NAME=movie VALUE='/images/banners/banner.swf'> <PARAM NAME=quality VALUE=best> <EMBED src='/images/banners/banner.swf' quality=best WIDTH='100%' height='"+h+"' NAME='myMovieName' ALIGN='left' TYPE='application/x-shockwave-flash' PLUGINSPAGE='http://www.macromedia.com/go/getflashplayer'> </EMBED></OBJECT>";
if (h==NaN){}
td_obj.innerHTML=str1;
</SCRIPT>

как это выглядит можно посмотреть на сайте

Это сообщение отредактировал(а) pythonwin - 26.12.2007, 15:27

--------------------

портал по Python
раздел на винграде по Python
язык Python

SelenIT

Дата 26.12.2007, 18:01 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

Имхо, чем менять innerHTML контейнера, лучше рулить его высотой, а самой флешке задать высоту в 100% и параметр scale со значением "exactfit" (чтобы не было белых полос). А по умолчанию задавать для этого контейнера высоту в процентах - с таким расчетом, чтобы при типичных разрешениях искажения пропорций были минимальными. Тогда при включенном JS все везде будет отлично, а при выключенном будет почти как надо при типичных пропорциях окна и определенные искажения при нетипичных, но пустого места не будет никогда. Кстати, чудаков, выключающих JS, но оставляющих включенным Flash, лично я не встречал ;).

P.S. Сайт симпатичный!

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

pythonwin

Дата 27.12.2007, 15:32 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник
Сообщений: 2529
Регистрация: 18.4.2006
Где: за компом

Репутация: нет
Всего: 36

SelenIT, спасибо smile

--------------------

портал по Python
раздел на винграде по Python
язык Python

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »