Как использовать два слайдера slick.js, где один из них переоформлен в блок с миниатюрами?

Question

[Сергей Бурдужа]

Добрый день.
Разрабатываю проект на wordpress.
Там есть плагин, который превращает миниатюры записи в 2 слайдера, связанные между собой.
На верхнем - большая одна миниюатюра, на нижнем - несколько маленьких.

Кликаешь на нижней миниатюре и верхний слайдер скроллится до ее копии.

Я и сам умею это в верстке делать.

Но тут совсем другое.

Я второго слайдера разрушил, и превратил в блок с миниатюрами.
И теперь они не связанны между собой.

Я придумал кликнуть по миниатюре, посчитать которая она по счету и для верхнего слайдера задать $('.your-element').slick('setPosition');

Только как посчитать элемент, по которому я кликнул?

Или можете подсказать другой способ.

Заранее благодарен.

Answer 1

[Антон]

$('.первыйслайдер .слайд').on('click', function(){
			var sliderIndex = $(this).index();
			$второйслайдер.slick('slickGoTo', sliderIndex);
		});

Comments

[Сергей Бурдужа]

спасибо, сейчас попробую.

[Сергей Бурдужа]

Вот я везунчик))
Как хорошо, что вовремя мимо проходили))

И часто вы так гуляете?