Advertisement
taylordesign

Bootstrap Carousel Count 1/#

Jul 16th, 2021
1,391
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. // Bootstrap Carousel Counter 1/#
  2. let elCarousel = document.querySelectorAll('.block-alert-banner .carousel');
  3. elCarousel.forEach(function (elCar) {
  4.     let elCarouselItem = elCar.querySelector('.carousel-item');
  5.     let elCarouselCounter = elCar.querySelector('.crsl_slide-counter');
  6.     let totalItems = elCar.childElementCount;
  7.     elCarouselCounter.innerHTML = '1/' + totalItems + '';
  8.     elCar.addEventListener('slid.bs.carousel', function (e) {
  9.         let currentItem =  elCar.querySelector('.carousel-item.active');
  10.         let currentIndex = e.to + 1;
  11.         elCarouselCounter.innerHTML = '' + currentIndex + '/' + totalItems + '';
  12.     });
  13. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement