Как заставить правильно работать slick-slider?

Question

[1ss1za]

Как заставить правильно работать slick slider слайдер?

Для слайдов задана ширина 200px, для активного 600, все работает нормально, но активный слайд сначала выходит за границы и только потом встает как надо

https://www.youtube.com/watch?v=OfxZ649NmLY&featur...

$('.slider-nav').slick({
	  slidesToShow: 1,
	  slidesToScroll: 1,
	  infinite: true,
	  arrows: false,
	  speed: 2000,
	  variableWidth: true,
	  focusOnSelect: true
	});

<div class="slider-nav">
				<div class="slider-nav__item"><img src="img/user1.png" alt=""></div>
				<div class="slider-nav__item"><img src="img/user2.png" alt=""></div>
				<div class="slider-nav__item"><img src="img/user3.png" alt=""></div>
				<div class="slider-nav__item"><img src="img/user4.png" alt=""></div>
				<div class="slider-nav__item"><img src="img/user5.png" alt=""></div>
				<div class="slider-nav__item"><img src="img/user6.png" alt=""></div>
				<div class="slider-nav__item"><img src="img/user7.png" alt=""></div>
				<div class="slider-nav__item"><img src="img/user8.png" alt=""></div>
				<div class="slider-nav__item"><img src="img/user9.png" alt=""></div>
			</div>

Comments

[Антон]

Скорее всего смены ширины в процессе смены слайда, уже после события смены идет подстройка

[1ss1za]

Антон, Это можно как-то исправить?

[IIIu6ko]

Сделайте на codepen или на каком-то подобном сервисе пример. Так люди быстрей помог.

Answer 1

[Ян]

centerMode: true попробуй