@Deedare

Как настроить связанные slick slider?

Подскажите, как сделать так, чтобы второй слайдер всегда показывал на один слайд больше, чем первый? То есть первый показывает 1 слайд, второй показывает слайд 2, а не 1. и так далее.

  • Вопрос задан
  • 32 просмотра
Решения вопроса 1
0xD34F
@0xD34F
Вместо использования asNavFor обрабатывайте события смены слайдов, и переключайте соседний слайдер:

const $slider1 = $('.slider-nav').slick({
  ...
}).on('beforeChange', function(e, slick, currSlide, nextSlide) {
  $slider2.slick('slickGoTo', nextSlide + 1);
});

const $slider2 = $('.slider-for').slick({
  ...
}).on('beforeChange', function(e, slick, currSlide, nextSlide) {
  $slider1.slick('slickGoTo', nextSlide - 1);
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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