Как сделать такой эффект слайдер в slick js?

Question

[myskypesla]

Привет как с помощью slick или другого слайдера сделать такой эффект?

Answer 1

[Valeriu Vodnicear]

Через CSS нужно стилизовать элементы, 1, 2, и 3.
Можешь через jQuery выбрать предыдущий элементы от активного, дать ему класс и уже в CSS стили.

Comments

[myskypesla]

Спасибо, так и хотел делать, но думал может есть настройки.

[myskypesla]

Valeriu Vodnicear Всё работает, но я словил баг... slick по умолчанию имеет свойство infinite, у меня есть 5 слайдов, которые я пролистываю и всё ок, и как только доходит до конца 5 слайдов или же просто назад, то анимация прерывается и идёт скачок вот тут видно, если нажать сразу назад и перейти с 1-ого слайда на 6-ой то анимация не плавная а прерывается, а у меня вообще анимация с размерами и выглядит убого, то есть уменьшение элементов идёт не плавно а просто становиться нужного размера без аниации

Answer 2

[Дима Паутов]

Вот тут я делал
Через инспектор найти файл app.js, там есть инициализация. Дальше через css, посредством nth-child делаем размеры. Можешь так же в css глянуть.

Тут конечно не так, но суть думаю понятна

Comments

[myskypesla]

Спасибо, так и хотел делать, но думал может есть настройки.

[myskypesla]

Дима Турков Всё работает, но я словил баг... slick по умолчанию имеет свойство infinite, у меня есть 5 слайдов, которые я пролистываю и всё ок, и как только доходит до конца 5 слайдов или же просто назад, то анимация прерывается и идёт скачок вот тут видно, если нажать сразу назад и перейти с 1-ого слайда на 6-ой то анимация не плавная а прерывается, а у меня вообще анимация с размерами и выглядит убого, то есть уменьшение элементов идёт не плавно а просто становиться нужного размера без аниации

[Дима Паутов]

myskypesla: это уже работа самого слайдера. Тут я бессилен