serii81
@serii81
Я люблю phр...

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

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

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

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

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

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

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

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

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

Заранее благодарен.
  • Вопрос задан
  • 158 просмотров
Решения вопроса 1
Eridani
@Eridani
Мимо проходил
$('.первыйслайдер .слайд').on('click', function(){
			var sliderIndex = $(this).index();
			$второйслайдер.slick('slickGoTo', sliderIndex);
		});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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