Add Your Heading Text Here
function insertCount(slide_curr,slide_count){
$('#slide-counter').html('<strong>'+ (slide_curr + 1) +'</strong>/'+ slide_count);
};
var slider = $('#slideshow').bxSlider({
auto: true,
pager: false,
onSliderLoad: function (){
var slide_count = slider.getSlideCount();
var slide_curr = slider.getCurrentSlide();
insertCount(slide_curr,slide_count);
},
onSlideNext: function (){
var slide_count = slider.getSlideCount();
var slide_curr = slider.getCurrentSlide();
insertCount(slide_curr,slide_count);
},
onSlidePrev: function (){
var slide_count = slider.getSlideCount();
var slide_curr = slider.getCurrentSlide();
insertCount(slide_curr,slide_count);
},
onSlideAfter: function (){
var slide_count = slider.getSlideCount();
var slide_curr = slider.getCurrentSlide();
insertCount(slide_curr,slide_count);
}
}); Updated Code:
$('#slide-counter').prepend('<strong class="current-index"></strong>/');
var slider = $('.carousel-client').bxSlider({
auto: true,
onSliderLoad: function (currentIndex){
$('#slide-counter').text(currentIndex + 1);
},
onSlideBefore: function ($slideElement, oldIndex, newIndex){
$('#slide-counter').text(newIndex + 1);
}
});
$('#slide-counter').append(slider.getSlideCount()); 