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

Question

[Алексей Клёнин]

Добрый день.
На сайте есть вывод 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)
	});

Comments

[FeST1VaL]

А на сервере вы не можете почитать кол-во выводимых слайдов и вывести куда нить в атрибуты и от туда забирать как вариант?

[Алексей Клёнин]

Артем Будин, Спасибо за совет, но мне кажется это не лучшее решение получится.

[Vadim Bogomazov]

https://codepen.io/maer2k/pen/qPVWEd
https://codepen.io/codeninja93/pen/AXadWQ

[Алексей Клёнин]

Vadim Bogomazov, благодарю, то что нужно

Answer 1

[Vadim Bogomazov]

https://codepen.io/maer2k/pen/qPVWEd
https://codepen.io/codeninja93/pen/AXadWQ