@dimanche

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

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

Удалось сделать чтобы отображался активный слайд и часть следующего, но при переходе последнего слайда на первый происходит скачок
$('.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,
		  
		});

Видео
Видео на Яндескс Диске
  • Вопрос задан
  • 5110 просмотров
Решения вопроса 1
Свойство slidesToShow: 1, указать фиксированную ширину слайда, например 300px, а ширину контейнера, в котором находятся слайды 600px
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы