Как настроить slick слайдер, чтобы 1 слайд был активный, а предыдущий слайд и следующий отображались на 50%?

Question

[dimanche]

Как настроить slick слайдер, чтобы 1 слайд был активный, а предыдущий слайд и следующий отображались на 50%?
Макет


Удалось сделать чтобы отображался активный слайд и часть следующего, но при переходе последнего слайда на первый происходит скачок

$('.ft-gallery').slick({
		  infinite: true,
		  speed: 1500,
		  slidesToShow: 1,
		  slidesToScroll: 1,
		  autoplay: true,
		  swipeToSlide: false,
		  centerMode: true,
		  variableWidth: true,
		  arrows: false,
		  dots: false,
		  focusOnSelect: true,
		  
		});

Видео
Видео на Яндескс Диске

Answer 1

[Денис Богданов]

Свойство slidesToShow: 1, указать фиксированную ширину слайда, например 300px, а ширину контейнера, в котором находятся слайды 600px

Comments

[dimanche]

перестал отображаться слайдер

[Денис Богданов]

что в консоли браузера?

[Денис Богданов]

Я изначально неверно вас понял. Вам необходимо оставить параметр slidesToShow: 1. Указать фиксированную ширину размера слайда, например 300px. А контейнер, в котором находятся слайды в значение 600px

[dimanche]

Денис Богданов, Спасибо огромное. Благодаря Вам мой день не прожит зря.