Как сделать такой слайдер?

Question

[Конан Варвар]

Всем привет, коллеги.
Подскажите как сделать верхний слайдер как на этом сайте.
Может кто-то где-то встречал?

Comments

[Дмитрий]

Доброе утро.
Открываете исходный код страницы и смотрите, какой js отвечает за слайдер.

[Конан Варвар]

slo_nik, Могли бы вы помочь мне с этим. Я ранее никогда этого не делал, буду очень благодарен за помощь :)

[Павел Корнилов]

https://www.oracle.com/asset/web/js/ocom-home-v3.js
Работает на жКвери.

[Дмитрий]

JaredWinter, Вам уже ответил KorniloFF.
Берёте указанный файл и ищите, где подключается/используется код, который отвечает за слайдер.
Так же проверьте остальные js файлы, возможно и там будет код для слайдера.

[Uno di Palermo]

slick.js юзай

[sulla]

гугли это: prntscr.com/hcvw9o (скорее это будет тот что : Right to Left - стилизованный)

а потом добавляй стили который подключены к слайдеру (hp10)

Answer 1

[Сергей Попов]

На данном сайте используется slick slider. Однако, применяется довольно интересный эффект перехода. Если коротко, то существует блок overlay - h10imgwrapmove. Именно на него накладывается эффект сдвижения влево-вправо в тот момент, когда исчезает определенный класс с родительского элемента (за счет transform translate), основное содержимое пропадает одновременно с исчезновением определенного класса с родительского элемента. Как сделать эффект приближения. Все также просто. При появлении класса active увеличивать изображение, например transform scale