Как вывести правильное количество слайдов в OwlCarousel2 при включенном loop?

Добрый день.
На сайте есть вывод 5 слайдов реализованных на Owl carousel 2
Нужно сделать вывод номера текущего слайда и общее кол-во слайдов.
В документации есть пример как это можно сделать, однако проблема в том что при loop:true количество слайдов в DOM увеличивается за счёт клонов, которые как я понял создаются специально для цикла.

Вопрос как можно вывести фактическое кол-во слайдов и их правильные номера?

Предложения отключить loop и использовать rewind вместо первого не подходят. Нужно именно чтобы работал цикл и корректно выводилось количество слайдов.

Текущий код вызова такой:

var reviewsSlider = $("#reviews-slider");
	reviewsSlider.owlCarousel({
			items: 1,
      loop: true,
      margin: 35,
      center: false,
      autoplay: true,
      dots: false,
      navText: [
          '<i class="fa fa-angle-left"></i>',
          '<i class="fa fa-angle-right"></i>'
      ]
  });

	$('.reviews__slide-controls__left').click(function() {
	    reviewsSlider.trigger('prev.owl.carousel');
	})

	$('.reviews__slide-controls__right').click(function() {
	    reviewsSlider.trigger('next.owl.carousel');
	})
	reviewsSlider.on('changed.owl.carousel', function(event){
		$('.slide-controls-number__active').text(++event.item.index)
		$('.slide-controls-number__total').text(event.item.count)
	});
  • Вопрос задан
  • 405 просмотров
Решения вопроса 1
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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