Как связать два slick-slider'а?

Question

[Bazilicks]

Как связать два slick-slider'а, при этом у одного из них должны быть показаны сразу все элементы и он не должен прокручиваться?

Comments

[Froggyweb]

asNavFor
string
null
Set the slider to be the navigation of other slider (Class or ID Name)

https://kenwheeler.github.io/slick/

Answer 1

[Владислав Бойченко]

Есть метод customPaging, через него можно все точки заменить на картинки слайдов. Ну и в зависимости от того, куда их потом нужно поместить, можно воспользоваться методом appendDots.

$(slider).slick({
  dots: true,
  fade: true,
  arrows: false, 
  customPaging: function (slider, i) {
    let imageSrc = $(slider.$slides[i]).find('img').attr('src');
    return `<img src="${imageSrc}" alt="slide here" data-index="${i}">`;
  }