Как в Slick js отобразить половину следующего слайда?

Question

[Mesuti]

Привет!
Как в Slick Js отобразить половину следующего слайда?
Песочница CodePen

Вот здесь говорят о фиксированной ширине слайда и указать родителю ширину в 2 раза больше. Но такой прием не работает
Как настроить slick слайдер, чтобы 1 слайд был активный, а предыдущий слайд и следующий отображались на 50%?

Comments

[Антон]

А чем Вам не нравится те варианты, что в документации?
kenwheeler.github.io/slick

[Mesuti]

Антон, Ищу варианты расширения возможностей. Выбирать из того что есть не совсем правильно

Answer 1

[Eugene Chefranov]

Выберите три слайда для показа, включите centerMode, и с помощью margin вытесните крайние слайды за границу.

Answer 2

[Сергей Василенко]

Кто-то делает так

centerMode: true,
centerPadding: '50%',

И наоборот: нужно чтобы не было частей бывает какие-то стили мешают и например задал 3 слайда, а показывает 3,2 слайда
то быстрым решением будет сделать так

centerMode: true,
centerPadding: '0',