Owlcarousel2: Optionally replace pagination dots with numbers

[Dobby89]

In the old owl carousel, there was an option to use numbers for the pagination, using the paginationNumbers parameter.

Can this option be added?

[witrin]

Yes.

[thomasloevring]

I wrote something for that yesterday.

jQuery('#tstpLightbox.twelvesteps').one('click', (function(){
var i = 1;
jQuery('.loop.twelvesteps .owl-dot').each(function(){
jQuery(this).append(i)
i++;
});
}));

[nathansh]

You could also use a CSS counter:

.owl-dots {
    counter-reset: dots;
}
.owl-dot:before {
    counter-increment:dots;
    content: counter(dots);
}

[tuanbtre]

using jquery add number of page to span
$('.owl-dot').each(function(){
$(this).children('span').text($(this).index()+1);
});

[tuanbtre]

using jquery add number of page to span
$('.owl-dot').each(function(){
$(this).children('span').text($(this).index()+1);
});