owl carousel n from all
var owl=$('#owl'); owl.owlCarousel({ loop:true, margin:0, items:1, dots:true, nav:true, navText:['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'], }); owl.on('changed.owl.carousel',function(e){ $('.counter span').text(e.page.index+1); });
<div class="owl-carousel owl-theme" id="owl"> <?php foreach($items as $item){?> <div class="item"></div> <?}?> </div> <div class="counter"><span>1</span> | <?=count($items)?></div>