|
0 Всего найдено: 21
Shisgara
Сообщение
21/08/2012 11:33
Копия темы
Parallax первый опыт Честно говоря, почти не разбираюсь в скриптах, верстке и проч. Но оч хочется на будущий сайт сделать себе такой эффект. Знаю, что многие скажут – обратитесь к профи! А обратиться не могу, потому как сама еще точно не знаю, что именно и как будет выглядеть и дергать программиста всякий раз, чтоб посмотреть как оно получается, не хочется... В общем сама раздобыла подходящую заготовку и методом тыка сделала тестовую страничку... Осторожно, трафик! почти 2 мб Прелоадера нет, поэтому все будет грузиться абы как) Озадачилась: 1. Возможно ли, чтобы при начальной загрузке контент (внутри параллакса) центровался по вертикали/горизонтали, а не начинался с левого верхнего края? 2. Возможно ли, чтобы при первом показе страницы была анимация некоторых слоев (типа выезд) – чтобы было понятно, что это не статичная картнка. 3. Возможно ли вообще сделать максимально облегченную заготовку (шаблон), которую всякий раз можно было бы использовать под подобные цели (но с разным контентом)? Тот, что я взяла, имеет кучу css и js файлов, многие опции которых наверняка не имеют непосредственного отношения именно к данному эффекту. Ну и на будущее – хотелось бы иметь партнера в этой области, с которым можно было бы скооперироваться)
adminpb
Сообщение
21/08/2012 12:07
Копия темы
Параллакс очень ресурсоемкий эффект. Посмотрите загрузку ЦП. На яваскрипте вообще Ж... ПС: Ж... = жесть
Shisgara
Сообщение
21/08/2012 12:14
Копия темы
большие картинки + много слоев + скрипты не оптимизированы – может поэтому жесть? а если не js, то только флеш остается?
dkeen
Сообщение
21/08/2012 12:18
Копия темы
Очень уж топорно получилось. Вам на сайт-портфолио надо?
dkeen
Сообщение
21/08/2012 12:22
Копия темы
Вот у ребят
dkeen
Сообщение
21/08/2012 12:26
Копия темы
1. Можно 2. Можно 3. Эту заготовку надо будет каждый раз мучительно больно допиливать, верстальщику проще с 0 сделать.
Shisgara
Сообщение
21/08/2012 12:30
Копия темы
эта конкретно страница не для моего порфтолио) Это ТЕСТ. Я раздраконила один из принт-макетов, чтобы посмотреть как вообще скрипт будет работать и смогу ли я им управлять. Для себя буду делать в совершенно ином стиле
Raa
Сообщение
21/08/2012 12:31
Копия темы
оптимизацией скриптов мало чего можно добиться в случае с явой
dkeen
Сообщение
21/08/2012 12:54
Копия темы
ну да, смысл то в том, что множество деталек собираются в один девайс (кучу)
VGrato
Сообщение
21/08/2012 14:32
Копия темы
заготовку врятли получится, там же css как раз под картинки вбивается
Shisgara
Сообщение
22/08/2012 07:02
Копия темы
основное описание размеров картинко находится непосредственно в самой странице: <div id="port"> <!-- Seven image layers, each layer slightly bigger than the one behind, making 'closer' layers move faster. --> <img class="parallax-layer" src="../img/bg.jpg" alt="" style="width:1000px; height:715px;"/> <img class="parallax-layer" src="../img/left-pand.png" alt="" style="width:1020px; height:735px;"/> <img class="parallax-layer" src="../img/boke-1.png" alt="" style="width:1050px; height:765px;"/> …….. </div> Сами исходники брала отсюда
VGrato
Сообщение
22/08/2012 09:52
Копия темы
ну это ширина картинок а в <div id="port">, по сути, должны задаваться еще ширина и высота для того чтобы регулировать скорость/размеры самого паралакса вложенных в него картинок
adminpb
Сообщение
22/08/2012 09:57
Копия темы
>Вот у ребят jessandruss.us/ интересно получилось, прям тру стори. It's really cool!!!
VGrato
Сообщение
22/08/2012 10:03
Копия темы
0
сейчас глянул у вас код, там вы картинки я так понял набивали большие чтобы они просто "запихивались в паралакс" вообще это немного подругому делается <div class="paralax-layer"> тут картинки 1 </div> <div class="paralax-layer2"> тут картинки 2 </div> и задается этим слоям высота/ширина, относительно полотна, чтобы распределить скорость паралакса вложенных картинок, как то так) тоесть если задать высоту и ширину такую же как и у главного слоя, то внутренние картинки двигаться не будут и т.д. и не надо будет картинки делать огромными, а у вас все в кучу)) |
Выразить восторг, поругаться или предложить что-нибудь можно на форуме |
Для обсуждения этого сервиса так же есть темы на фрилансе по поиску , флудотопу ,и по удалённым сообщениям ,и по Актуальным/популярным темам , и по топу "кто кому больше наотвечал" |