Кнопка первый/последний слайд в slick

Question

Через slick-slider нужно прикрутить кнопку, по нажатию на которую будет показываться первый, либо последний слайд, но я так и не понял как работает индексация и дает ли слик такую возможность

$('.btn').click(
    $('.slider-fisrt').slick('slickGoTo', $('.slick-slide').index(3))
)

UPD: Получилось, но он возвращается только к первому слайду, к последнему не хочет, в чем причина?

    $('.slider-first').on('afterChange', function (event, slick, currentSlide, nextSlide) {

        console.log(currentSlide);

        if (currentSlide == 0){
            $('.btn').on('click', function () {
                $('.slider-first').slick('slickGoTo', 4, false);
            } 
        )}

        if (currentSlide == 1 || 2 || 3 || 4) {
            $('.btn').on('click', function () {
                $('.slider-first').slick('slickGoTo', 0);
            } 
        )}

    })

Answer 1

let $btn = $('.btn'),
    $slider = $('.slider-first'),
    slideCount = null,
    slideCurrent = 0;

$slider.on('init', function(event, slick) {
  slideCount = slick.slideCount;
});

$slider.on('afterChange', function(event, slick, currentSlide) {
  slideCurrent = currentSlide;
});

$btn.on('click', function() {
  if (slideCurrent == 0) {
    $slider.slick('slickGoTo', slideCount - 1);
  } else {
    $slider.slick('slickGoTo', 0);
  }
});

БЛОГ НА HUSL

Кнопка первый/последний слайд в slick

Ответы (1 шт):