Как в плагине слайдер навесить на кнопку переключение слайда?

Question

[danilr]

Делаю по документации, но не работает. Подскажите, может как-то не так пытаюсь сделать.

$(document).ready(function(){
  $('.gallery-img-box').slick({
    slidesToShow: 4,
    prevArrow: null
    
  });

  $('.arrow-left').slick('slickPrev'); 
});

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

Answer 1

[inkShio]

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

Будет что то типо того

$(".arrow-left").click(function(e) {
    $(".gallery-img-box").slick('slickNext');
});

Если ты используешь структуру плагина будет так

$('.gallery-img-box').slick({
    slidesToShow: 4,
    arrows: true
});

Если ты хочешь кастомить кнопки то используй это prevArrow и nextArrow

$('.gallery-img-box').slick({
    slidesToShow: 4,
    arrows: true,
    prevArrow: '<span class="slick-arrow-LEFTCLASS"></span>',
    nextArrow: '<span class="slick-arrow-RIGHTCLASS"></span>'
});

Comments

[danilr]

По идее мне надо кастомить кнопки, но мне придется их позиционировать, как для этого костылить. А так у меня кнопки (компоненты Vue) находятся уже на нужном мне месте.