Slick slider. Один основной слайд, и части двух по краях. Как сделать?

Question

[tvsjke]

Собственно, как должно выглядеть - prntscr.com/en02pc

Не прошу вас писать код за меня, нуждаюсь в совете, КАК это реализовать.
То есть раньше я для мобайла делал просто 1 слайд в видимой области через breakpoint. А тут кроме задания 3 слайдов и фиксированной шрины с overflow:hidden ничего в голову не приходит.

Спасибо.

Comments

[mukzer]

А как можно наоборот, избавится от слайдов которые по бокам?) ( те которые видно по половине... )

Answer 1

[Сергей Жубартович]

Вот так?
(листать до пункта center mode)

Comments

[Ankhena]

Сергей Жубартович а Вы, случайно, не встречали варианта, чтобы "половинка" слайда была только справа?

[Егор Живагин]

Ankhena W: variableWidth: true и играйтесь своими стилями css, подгоняйте ширину и отступы

[Ankhena]

Егор Живагин: слайды все одинаковой ширины, пока не понимаю, что мне может дать variableWidth

[Егор Живагин]

Ankhena W: тогда margin вам в помощь, либо ограничения ширины контейнера)
Но без variableWidth менять margin - можно выстрелить себе в ногу

[Егор Живагин]

Ankhena W: вообщем, slick таким не занимается, тут только вы и ваши стили могут помочь

[Ankhena]

Егор Живагин: так я и не понимаю как мне их применять к тому слайду, который в данный момент "торчит" слева. Еще если бы к средним, которые показываются целыми слик дописывал какой-нибудь класс, то каким-нибудь .prev добралась бы до нужного.
Похоже, надо отдельный вопрос задавать.

[Егор Живагин]

Ankhena W: если у вас активен centerMode, то дописывает. .slick-center - класс
А зачем "в данный момент"? Ограничили бы контейнер так, чтоб туда помещался центральный слайд + отступы + по половине ещё двух слайдов

Даже не отдельный вопрос, а codepen )

[mukzer]

А как можно наоборот, избавится от слайдов которые по бокам?) ( те которые видно по половине... )