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

Question

我目前在显示当前幻灯片编号时遇到问题，基本上我需要将当前幻灯片编号插入到名为当前幻灯片的跨度类中。我正在使用跟随 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（总金额）

任何帮助将不胜感激！

Answer 1

试试这个：

$('#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

Answer 2

如果您不使用 bjqs min 文件，您可以修改set_next function以获取当前幻灯片编号并将其应用到 span。