Как вытащить параллакс с сайта?

Question

[Сергей]

Помогите вытащить параллакс фоновых картинок с сайта www.hyundai.ru/NewSolaris скрипт вроде с комментариями www.hyundai.ru/media/js_new/solaris-2017-parallax.js но разобраться не могу

Comments

[automatik]

А в чем трудности? вытаскиваешь весь html код секции с паралаксом, вытаскиваешь все классы, которые упоминаются в этой части кода, подключаешь скрипт и должно уже работать. Потом лишние классы из css удаляешь и готово. Под паралаксом имеется в виду слайдер в диве highlights?

[Сергей]

все так сделал, вроде должно работать, но там что-то необычное сделано, там еще какие-то куски скрипта в css находятся которые непонятно как работают

[ProjectSoft]

Сергей: в каком месте там паралакс? Вижу одни слайдеры с красивой мягкой анимацией.

[Сергей]

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

[Сергей]

там в стилях есть такие вставки
@for $i from 1 through 10 {
.section-parallax--#{$i} {
.parallax-layer {
background-image: url('/media/images/flat/SL2017/elements/parallax_#{$i}.jpg');
}
}
}
которые непонятно как работают

[ProjectSoft]

Сергей: ну так берите простой плагин https://github.com/jsguy/jquery.parascroll и настраивайте под свои нужды.

[ProjectSoft]

Сергей: Вот этот https://github.com/nk-o/jarallax даже получше будет

[Сергей]

ProjectSoft: потестил эти плагины на разных устройствах, не впечатлили, к примеру на ipad не работают, на андроиде нет плавности и на компьютере в некоторых браузерах нет плавности. Вот вытащил с этого сайта параллакс пользуйтесь https://www.dropbox.com/s/6if4j03rq2y1g34/parallax...

Answer 1

[Сергей]

Решение: https://www.dropbox.com/s/6if4j03rq2y1g34/parallax...

Answer 2

[Forelli]

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

Comments

[Сергей]

там просто самый мягкий и кроссбраузерный параллакс который я когда либо находил, а я пересмотрел их немало