Slick slider 2 слайда по центру?

Question

[Gor321]

Здравствуйте! Подскажите пожалуйста, как сделать так чтобы в слайдере вместо одного слайда центрировалось два?
для одного это выглядит так:

$('.slick-slider').slick({
	  centerMode: true,
	//центруем текущий слайд
	  centerPadding: '50px',
	//слегка увеличиваем текущий слайд
	  slidesToShow: 3
	//выводим 3 слайда для просмотра
	});

чтобы было 2 красных

Answer 1

[its2easyy]

В slidesToShow можно задавать дробные значения, можно попробовать поставить что то вроде 2.65. При этом можно попробовать комбинировать включение и отключение centerMode и значение centerPadding, это будет слегка менять размеры слайдов.
Или как вариант в один слайд слика запихнуть сразу два реальных слайда, и центрировать его, но тогда минимальное количество слайдов на экране будет 2.

Comments

[Gor321]

its2easyy Поставил дробное значение, стало как надо, но возникает проблема, у меня ширина слайда 570px, при изменении разрешения экрана все начинает смещаться. Как поступить в такой ситуации? Под каждый размер экрана на jquery менять это значение чтобы все вставало или как?

[its2easyy]

Gor321, Ну если контейнер в котором лежит слайдер имеет несколько возможных значений то под каждый вариант ширины в опции "responsive" можно задавать нужные значения, если контейнер всегда меняется с изменением ширины страницы то все случаи прописать не получится, и ширина будет меняться потому что слик вычисляет ширину как процент от ширины контейнера.