Flash? или возможно заменить чем-то другим?

12
[Удален]
956

Здравствуйте. Вопрос от новичка. Помогите пожалуйста советом. Есть картинка размером 1920х1000 Пикселей. Она установлена на главной страннице сайта.(В не зависимости от разрешения монитора посетителя сайта, он видит либо часть картинки, либо все картинку.) Заказчик хочет, дословно "хотел бы оживить воду в бассейне. отблески солнца и волны были бы в самый раз" - это его слова.

Я кроме флеша больше ничего и не знаю, чем можно придать движения картинке, но тогда получается, что файл будет весить около 6-8 мегабайт и с таким разрешением флеш-ролика, его придется смотреть в соответствии с разрешением ролика, т.е. если у человека небольшой монитор, то он этот ролик (как там у него все переливается) не влезет и в несколько мониторов.

Хотелось бы, чтобы главная страница "весила" не много, и как можно и можно-ли, воплотить такую задачу в жизнь оптимальным способом? Чтобы все переливалось и светилось.

Подскажите пожалуйста. Надеюсь на вашу помощь.

ссылка на картинку главной страницы

Jekyll
На сайте с 04.05.2009
Offline
136
#1

C какого перепоя флешка будет весить 6-8 мегабайт? о_О

Можно просто взять вашу картинку фоном и добавить сверху векторной анимации уже во флеше, веса это прибавит килобайт 100 от силы

T.R.O.N
На сайте с 18.05.2004
Offline
314
#2
weranda:
Я кроме флеша больше ничего и не знаю

похоже Вы и его не знаете, раз утверждаете нелепые вещи

weranda:
то он этот ролик (как там у него все переливается) не влезет и в несколько мониторов

сделать так, чтобы для любого монитора было клево, это особое умение для флеша. Задача не из простых, но решаемая...

Самое простое, сделать 2-3 ролика под разные разрешения, а какой ролик грузить - выбирать в JS.

Есть более красивые и интересные решения, но есть одно но...

weranda:
Она установлена на главной страннице сайта

объясните, накой нужна такая страница. Это мода 5-7 летней давности

От воздержания пока никто не умер. Хотя никто и не родился! Prototype.js был написан теми, кто не знает JavaScript, для тех, кто не знает JavaScript (Richard Cornford)
Ervin
На сайте с 15.08.2008
Offline
112
#3

С вашей картинкой на 1мб уже ничего не страшно :))

Кстати, любопытно, сколько всего у вас посетителей с таким разрешением экрана, и сколько из них разворачивают окно браузера на весь экран? :) И сколько не видят фоновую картинку, потому что не дожидаются её загрузки?)

Попробуйте подгружать свою картинку для каждого разрешения.

И флеш сверху.

Credendo vidas!
[Удален]
#4

Flex чтобы не было проблем с разрешением экрана.

T.R.O.N
На сайте с 18.05.2004
Offline
314
#5
AustinTX:
Flex чтобы не было проблем с разрешением экрана.

Ну перестаньте...

Вы напоминаете тех, кто считает что гквери или прототип умеют на голову больше чем JS.

Flex - это только инструмент для автора, а не супер-технология. Он не умеет ничего такого, что нельзя сделать на AS3 во Flash (естественно в разрезе WEB)

A
На сайте с 13.01.2010
Offline
1
#6

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

несколько роликов делать под разные разрешения, как минимум глупо.

во флеш её запихивай, там же всю анимацию в векторе делай, прибавит действительно максимум 100к со скриптами.

в html делай как тут чтобы при увеличении экрана увеличивалась и флешка. Правда это не самый лучший вариант.

Всегда делай макет для самого распространённого разрешения экрана. Если сложности такие возникают часто, не парься и делай вёрстку статичной.

T.R.O.N
На сайте с 18.05.2004
Offline
314
#7
Arturius:
в html делай как тут чтобы при увеличении экрана увеличивалась и флешка.

а где Вы видите его увеличение? там фиксированная величина

Arturius:
несколько роликов делать под разные разрешения, как минимум глупо.

назовите хотя-бы 1-2 причины утверждения...

Самым красивым будет вариант совмещение рисунков и flash. Получится и тянуть и красиво

S4
На сайте с 13.10.2008
Offline
72
#8

Flash решает Вашу проблему. Конечно, если Вы соберетесь анимировать с помощью вставки в каждый кадр растрового изображения, то конечно получится 6-8 и более Мб. Эффект волнующейся воды делается скриптом (управляет пикселями). Не знакомо? Жаль. Значит задача не по зубам. Товарищ Силин интересные пиксельные эффекты во флеше демонстрирует на своем сайте. Не знаете Силина? А флешер.ру? Знаете? Его и там можно найти и в Яндексе тоже.

Если все же знакомы с ActionScript 3.0, могу подбросить теоретических идей. Практик я и сам не сильный. Вода на солнце с точки зрения анимации ведет себя с хаотичным появлением и пропаданием белых точек. Легкая волнистость достигается равномерным смещением горизонтальных строчек растрового изображения в разные стороны.

Не согласен с замечанием, что флеш вышел из моды. Хотя те эффекты, которые используются на новых сайтах были возможны еще в старых версиях флеша. Про flex +1 смайл :)

F4
На сайте с 24.01.2009
Offline
31
#9

Возможно получится вот так:

<div style="width:100%;overflow-x:hidden;">

<div id="flashontent"></div>

//а сюда - весь контент сайта в слое поверх всего с абс. позиционированием

</div>

<script type="text/javascript">

swfobject.embedSWF("имя_файла.swf", "flashcontent", "ширина", "высота", "9.0.0", null, null, {menu:"false", wmode:"opaque"});

</script>

[Удален]
#10
T.R.O.N:
Ну перестаньте...
Вы напоминаете тех, кто считает что гквери или прототип умеют на голову больше чем JS.
Flex - это только инструмент для автора, а не супер-технология. Он не умеет ничего такого, что нельзя сделать на AS3 во Flash (естественно в разрезе WEB)

пардон за оффтоп, у вас есть успешные web-проекты?

AustinTX добавил 05.02.2010 в 21:03

сделать так, чтобы для любого монитора было клево, это особое умение для флеша. Задача не из простых, но решаемая...
Самое простое, сделать 2-3 ролика под разные разрешения, а какой ролик грузить - выбирать в JS.
Есть более красивые и интересные решения, но есть одно но...

это сферический :) в вакууме. как там говорит артемий татьянович? так верстают только чудаки.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий