Как решить вопрос с слайдером?

128

29 августа 2019, 09:30

Есть слайдер с счетчиком, при включении нижнего прогрессбара перестает работать счетчик. onTranslated : counter, onTranslated : moved

либо один работает либо другой как объединить функцию, что-то не догоняю))спасибо

$(".top-bg .slides-block .owl-carousel").owlCarousel({
    items: 1,
    animateOut: 'fadeOut',
    dots: false,
    nav: false,
    mouseDrag: false,
    smartSpeed: 400,
    autoplay: true,
    autoplayTimeout: 4000,
    onInitialized  : counter,
    onTranslated : counter,
    afterInit : progressBar,
    onTranslated : moved,
    startDragging : pauseOnDragging
});
function counter(event) {
    var element   = event.target;         // DOM element, in this example .owl-carousel
    var items     = event.item.count;     // Number of items
    var item      = event.item.index + 1;     // Position of the current item
    $('.top-bg .slides-block #counter').html("<span class='item'>"+item+"</span> <span>/</span> <span class='items'>"+items+"</span>");
function moved(){
    clearTimeout(tick);
    start();
}

Answer 1

function counter(event) { 
  var element = event.target; // DOM element, in this example .owl-carousel 
  var items = event.item.count; // Number of items 
  var item = event.item.index + 1; // Position of the current item 
  $('.top-bg .slides-block #counter').html("<span class='item'>" + item + "</span>  < 
    span > /</span > < span class = 'items' > "+items+" < /span>"); 
    clearTimeout(tick); start(); 
  }