@saplas

Как найти последний слайд?

Привет, мне нужно обратиться к последнему слайду slick slider`а.
Есть такой код
$(document).ready(function(){


 $(function carouselSetup() {
   
   var $componentCarousel = $('.menu-content1'),
     $items = $componentCarousel.find('.carousel-item');
        

   
   var $slick = $componentCarousel.slick({
       infinite: false,
       speed: 500,
       draggable: true,
       slidesToShow: 3,
       slidesToScroll: 3,
       prevArrow: '<button type="button" class="slick-prev">prev</button>',
       nextArrow: '<button type="button" class="slick-next">next</button>'
     });


   var $prevButton = $slick.find('.slick-prev');
   var $nextButton = $slick.find('.slick-next');

   $prevButton.hide();

   $slick.on('beforeChange', function(event, slick, currentSlide, nextSlide) {
     //console.log(nextSlide);

     if (nextSlide === 0) {
       $prevButton.hide();
     }
     if (nextSlide === slick.slideCount - 1) {
       $nextButton.hide();
     }
     if (currentSlide === 0) {
       $prevButton.show();
     }
     if (currentSlide === slick.slideCount - 1) {
       $nextButton.show();
     }
   });

 });

	
});
  • Вопрос задан
  • 698 просмотров
Пригласить эксперта
Ответы на вопрос 2
KickeRocK
@KickeRocK
FrontFinish
Вы ведь изначально знаете последний
$('.carousel-item').eq($('.carousel-item').length - 1)
Ответ написан
Комментировать
Odisseya
@Odisseya
Оптимизирую PageSpeed & Performance
Если вам нужно найти элемент, то ссылка на него хранится в псевдо-массиве el.slick["$slides"]. Например, ссылка на последний слайд:
const slider = document.querySelector('.slider');
const lastIdx = slider.slick["$slides"].length - 1;
const lastSlide = slider.slick["$slides"][lastIdx];
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы