基本jQuery滑块-当前幻灯片编号

Question

I'm currently having issues displaying the current slide number, basically I need to have the current slides number inserted into a span class called current slide. I'm using follow jquery slider: http://basic-slider.com

I'm using this snippet to call the script.

    jQuery(document).ready(function($) {

      var total = jQuery('.bjqs li').length;

      $('#banner-slide').bjqs({
        animtype      : 'slide',
        height        : 490,
        width         : 695,
        showmarkers   : false,
        responsive    : false

      });

      jQuery('#slider-status > .total-slides').html(total);


    });

According to the design it needs to be shown as 1(current slide) / 3(being total amount)

Any help would be very much appreciated!

Answer 1

Try this:

$('#banner-slide').bjqs({
    animtype      : 'slide',
    height        : 490,
    width         : 695,
    showmarkers   : true, // set it to true
    responsive    : false

});

From http://basic-slider.com/

showmarkers : true, // Show individual slide markers

Answer 2

如果不使用bjqs min文件，则可以修改set_next function以获取当前幻灯片编号并将其绑定到跨度。