Какой слайдер есть с таким эффектом?

Question

[AltaiR]

Привет всем. Посоветуйте слайдер с таким эффектом:

Answer 1

[Сергей]

slick
kenwheeler.github.io/slick

Это называется - Center Mode

Comments

[AltaiR]

мне нужно как у меня в дизайне (на картинке)

[Сергей]

AltaiR: Чтобы сделать такой как на картинке, вам надо взять slick, включить опцию сenter mode и стилизовать слайды.

[Сергей]

AltaiR: Если не разберетесь, есть варианты изначально более похожие на ваш, например - https://www.bkosborne.com/jquery-feature-carousel
Но я бы вам рекомендовал использовать slick, так как он адаптивный и будет хорошо смотреться на любых устройствах.
В качестве аналога https://owlcarousel2.github.io/OwlCarousel2/ -owl слайдер. В основном используются эти два решения.
Для того, чтобы ваш слайдер выглядел как на дизайне, необходимо задать стили на активный слайд, чтобы он менял уровень прозрачности, свое позиционирование, размеры, если требуется.

Вот пример того же слайдера slick - https://codepen.io/siremilomir/pen/GoXmjb - можете взять его за основу и доработать, чтобы слайды шли в нахлест.

[AltaiR]

Hando: просто slick задает через js каждому слайду ширину исходя из размера контейнера и значения который я задал slidesToShow: 3. А у меня в дизайне ширина больше. Если через css задаю нужную ширину с помощью !important то верстка слетает