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

时间:2013-03-12 07:52:42

标签: javascript jquery

我目前在显示当前幻灯片编号时出现问题,基本上我需要将当前幻灯片编号插入到名为当前幻灯片的span类中。我正在使用关注jquery滑块:http://basic-slider.com

我正在使用此代码段来调用脚本。

    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);


    });

根据设计,它需要显示为1(当前幻灯片)/ 3(总量)

非常感谢任何帮助!

2 个答案:

答案 0 :(得分:0)

试试这个:

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

});

来自http://basic-slider.com/

showmarkers : true, // Show individual slide markers

答案 1 :(得分:0)

如果您不使用bjqs min文件,则可以修改set_next function以获取当前幻灯片编号并将其设置为跨度。