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

Question

[Deedare]

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

Answer 1

[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);
});