vladislav_boychenko
@vladislav_boychenko
Купаюсь в гривнах

Как в slick slider заставить AsNavFor работать с ближайшим слайдером, а не всеми?

Добрый вечер!
Сабж: dev.boichenko.space/remont
Прокрутите в самый низ, там секция "выполненные работы" и у каждой работы по слайдеру. Реализовал с помощью двух слайдеров slick, взаимозависимых друг от друга:
$('.portfolio-slider-big').slick({
		arrows: false, 
		asNavFor: '.portfolio-slider-little'
	});
	$('.portfolio-slider-little').slick({
		prevArrow: "<span class='slick-prev'><i class='fas fa-angle-left'></i></span>", 
		nextArrow: "<span class='slick-next'><i class='fas fa-angle-right'></i></span>",
		asNavFor: '.portfolio-slider-big', 
		slidesToShow: 3, 
		focusOnSelect: true
	});

Но суть в том, что в двух проектах у слайдеров то одни и те же классы, и если я кручу картинки в первом, то и во втором картинки крутятся. Можно ли как-то сделать, чтобы крутился только нужный?
Пытался так:
asNavFor: $(this).parent().find('.portfolio-slider-big', )

Но это не работает. Может кто-то реализовывал подобное с множеством слайдеров?
Спасибо!
  • Вопрос задан
  • 55 просмотров
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы