Как сделать прокрутку slick slider с миниатюрами?

Question

[Minusator]

Добрый день.

Есть слайдер с миниатюрами (большое и маленькие изображения)
Как сделать прокрутку такого слайдера если есть два и более таких слайда?
Код слайдеру тут - https://jsfiddle.net/Grosso2020/73rxzmwo/

Answer 1

[Антон Литвиненко]

инициализировать каждый слайдер отдельно. если слайдеров может быть неизвестное количество, то циклом, вот кусок кода из проекта www.profihouse.com.ua Это блок с отзывами, в каждом отзыве слайдер с тамбами

// Слайдер внутри отзывов
$('.review-slide').each(function(index){

	$(this).addClass('review-slide-' + index);
	var indexClass =  '.review-slide-' + index;

	$(indexClass + ' .review-inner-slider').slick({
		slidesToShow: 1,
		slidesToScroll: 1,
		arrows: true,
		asNavFor: indexClass + ' .review-inner-slider-thumb',
	});

	$(indexClass + ' .review-inner-slider-thumb').slick({
		arrows: false,
		slidesToShow: 3,
		slidesToScroll: 1,
		asNavFor: indexClass + ' .review-inner-slider',
		dots: false,
		focusOnSelect: true,
	});

});

Comments

[Minusator]

У вас самописный слайдер?
Обычно slick слайдер инициализируется .slick({ ... })
К сожалению не смог заставить с вашим кодом работать слайдер.

[Антон Литвиненко]

Minusator, смотрите внимательнее, у меня слик. Мой код наврядли будет работать с вашим, как минимум разные классы, но разметку слайдов можно глянуть на сайте по ссылке. Ну и это пример кода а не готовое решение