Параллакс

Сообщение **Gudwinn** » 12 янв 2016, 23:40

Здравствуйте друзья и коллеги, как и обещал, предоставляю пример нормального параллакса http://parallax.offershop.ru/ . Короче в исходниках страницы, а также в исходниках параллаксных слоёв, Вы увидите всю необходимую инфу. Значит детали, все параллаксные слои, куда Вы пропишите изображение, должны быть прозрачные (выбрать там где - сплошная, градиент, прозрачный "по моему так, лень вспоминать"). Вы можете как тупо прописать адрес изображения в исходниках параллаксных слоёв (в теге), так и прописать папку, и сам файл изображения которые нужно положить в источник файла (который есть в проекте прилагаемом). Короче, если нужна обратная прокрутка по отношению к текущей, то в исходнике слоя, в теге, в этой записи, допустим: data-speed="0.2" меняете на отрицательное значение, допустим: data-speed="-0.4" (для особо умных, минус ставите перед значением).Придерживайтесь значений, кратных -2(двум). Надеюсь это будет полезно для Вас, спасибо. Сам проект: http://parallax.offershop.ru/parallax.zip

P.S Ширина и высота требуемой картинки также выставляется, " в теге" параллаксных слоёв.

Сообщение **igorweb** » 12 янв 2016, 23:52

Тот же самый параллакс, который использую я :-):

. Но у Вас также он не работает на андроиде. Разработчик заявляет, что в настройках есть параметр, отвечающий за работу в андроиде и айфоне. Скажите, Вы пробовали установить этот параметр? Я пробовал, но у меня не получилось.

Отправлено спустя 1 минуту 28 секунд:
Еще добавлю, что данный параллакс можно установить и не на весь экран, а в отдельное окно заданного размера, что также не плохо смотрится в дизайне.

Сообщение **Gudwinn** » 12 янв 2016, 23:52

Надо покапаться, так в чём в деталях основной трабл, Вы говорите?
С моим решением, можно делать разные вещи безусловно, главное не забывать делать несущий слой прозрачным, и правильно всё прописывать. Хотя лично меня сам по себе эффект параллакса, если честно не впечатляет, мне даже кажется что он может расфокусировать внимание пользователя целевого, но возможно это мои домыслы :-):

Сообщение **igorweb** » 13 янв 2016, 00:11

Вот здесь внизу есть таблица значений, в последней строчке указано как сделать чтобы работало в андроиде: http://pixelcog.github.io/parallax.js/ . У меня не получилось это реализовать.

Отправлено спустя 12 минут 39 секунд:
Есть другой скрипт параллакса, он точно работает как на андроиде, так и на айфоне, проверено. Можно назначать эффект параллакса на любой объект, в том числе и на слайдер. Но он сложней для понимания, чем этот. Вот ссылка: http://codecanyon.net/item/parallaxer-p ... ew/9256004

Сообщение **Gudwinn** » 13 янв 2016, 00:29

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

Сообщение **igorweb** » 13 янв 2016, 00:43

Gudwinn писал(а):главное не забывать делать несущий слой прозрачным

Не обязательно. Я делаю без слоев. Слой необходим только если есть задача поставить эффект не на всю ширину, а, допустим, на объект шириной 400px.

Сообщение **Gudwinn** » 13 янв 2016, 02:54

Это само собой подразумевается, по умолчанию))))

Сообщение **igorweb** » 13 янв 2016, 10:40

Я к тому, что объекты, размещенные на таком контейнере с параллаксом, не попадают в слой. Хотя это тоже довольно просто избежать и не нужно городить "пирог" из слоев. В общем, каждый решает для себя как лучше сделать, главное что работает :co_ol:

.

Спасибо! Положил себе в копилку "Плюхи от Гудвина".

Сообщение **Alex15963** » 15 янв 2016, 18:39

Спасибо Гудвин!!! Ты как всегда на высоте! Что ни топик - то интересные решения. Положу очередную вещь в твою одноименную папку! :ya_hoo_oo:

Сообщение **sinpai** » 15 янв 2016, 20:47

Гудвин, вы как всегда на высоте!!! Давайте архив, посмотрю что и как. Попробую поставить на сайт.

Сообщение **sinpai** » 15 янв 2016, 22:38

Спасибо. Тестировать буду на OpenServer-e.

Сообщение **maxlan** » 24 янв 2016, 19:39

Здравствуйте.
Откуда в слоях строка <div id="Layer2_Container" style="width:970px;position:relative;margin-left:auto;margin-right:auto;text-align:left;"> ?

Сообщение **maxlan** » 24 янв 2016, 23:01

В слоях 1,2,3 и тд HTML исходник layer 2 например вторая строка
<div id="Layer2" style="position:absolute;text-align:center;">
<div id="Layer2_Container" style="width:970px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
</div>
</div>

Сообщение **maxlan** » 26 янв 2016, 22:43

Если не сложно ответьте на вопрос.

Сообщение **Gudwinn** » 27 янв 2016, 03:27

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

Сообщение **maxlan** » 27 янв 2016, 11:10

Мне интересно как Вы эту строку туда дописали?

Сообщение **Gudwinn** » 27 янв 2016, 11:29

Вы меня разыгрываете что ли? Обычный сгенеренный прогой стиль, в исходники любого слоя зайдите и увидите нечто подобное, это не я вписывал, а прога, я вписал только класс параллакса и атрибуты изображения.

Сообщение **anonimus** » 27 янв 2016, 11:45

maxlan, изучите работу программы и ваши вопросы отпадут

Сообщение **maxlan** » 27 янв 2016, 11:53

Прошу прощения за мою невнимательность!

Кто сейчас на конференции

Добро пожаловать на форум!