Есть ли бесплатный скрипт такого слайдера карусели?

Question

[Антон]

Необходимо сверстать слайдер, как на картинке.

Наверняка есть уже что-то готовое. Пробовал Slick Slider, но настроить не удалось.
Может кто-то делал подобное?
Заранее спасибо!

Comments

[Андрей Б.]

Слик легко настраивается таким образом. Если у вас не вышло, это не проблема плагина.

[Антон]

Я написал в комментарии ниже, что может быть 3 элемента (картинки). Тогда, предложенное Вами решение в лоб не работает. К сожалению, не часто использовал Slick в целях более чем простая карусель, поэтому не отрицаю своей некомпетентности. Возможно есть какая-то настройка, типа ofset, чтобы можно было ораганизовать slick с тремя элементами.

Answer 1

[Nikita Shchypylov]

Значит, плохо старался . Слик идеально подойдет. Для центрального блока можно дать зум и марджины

Answer 2

[Андрей Б.]

https://codepen.io/anon/pen/vmGvgq
нужно задать centerMode: true и centerPadding: '0'
и простой transform scale в css для плавности

Comments

[Антон]

Отличный пример!!!
Честно говоря, я как раз до этого и дошел. Но если картинки только три, то работает неправильно.
Можно, конечно костылёк сделать на JS, чтобы создавался четвертый элемент.. Но как-то не совсем красило это...

[Андрей Б.]

Антон тогда вам сюда https://github.com/kenwheeler/slick/pull/2118

[Андрей Б.]

Или возьмите owl.carousel

[Антон]

Ок. Спасибо за помощь.. Наверно надо будет как-то делать число слайдов больше, чем slidesToShow.