bxSlider current slide number display / total slides display

counter slide bxslider

Vlad Sopov · Dec 20, 2012 · Viewed 16.6k times · Source

I would like to build bxslider with pagination in the format of getCurrentSlide / getSlideCount. Something like here.

my html code:

<ul class="bxslider">
  <li>...</li>
  ...
</ul>
<div class="counter">1 / 10</div>

JS code:

jQuery('.bxslider').bxSlider({
  pager: true,
  auto: false,
  controls: true
});

I assume, i need to use getCurrentSlide / getSlideCount, but i didn't find any examples.

Any help, would be appreciate. Thank you!

Answer

bxSlider has short pager ;)

$('.bxslider').bxSlider({ pager: true, pagerType: 'short' });