Как при загрузке слайдера сразу удалять одну стрелку в slick slider?

Question

[Genri_Rus]

Добрый вечер

Вот пример: https://codepen.io/Genri_Rus/pen/KjvZWQ

$('.slider-inner').on('init reInit afterChange', function (event, slick, currentSlide) {

  if (currentSlide === 3) {
    $('.slick-next').hide();
  } else {
    $('.slick-prev').show();
  }  

  if (currentSlide === 0) {
    $('.slick-prev').hide();
  } else {
    $('.slick-next').show();
  }
})

$('.slider-inner').slick({
  infinite: false,
  slidesToShow: 2,
  slidesToScroll: 2
});

Никак не могу понять как при загрузке страницы оставлять только кнопку next, а после пролистывания только prev ?

Answer 1

[Dymok]

Правильно понял, что нужно не показывать кнопку назад, когда слайдов слева нет и кнопку вперед, когда нет слайдов слева? Если да, то достаточно скрыть .slick-disabled, он сам добавляется slick'ом на стрелку.

Comments

[Genri_Rus]

Да, а с помощью js можно такое реализовать ?

Ведь currentSlide для этого был создан ?

Допустим только на 3 слайде показывать кнопку

$('.slick-prev').show();

Answer 2

[Александр Алексеев]

когда слайдов слева или справа нет, то у кнопок появляется специальный класс .slick-disabled
и можно все банально скрыть цсской

Comments

[Genri_Rus]

А можно в js сделать проверку на данный data артибут ?

Допустим если он false, то скрывать