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

Basic jQuery Slider - Current Slide Number

本文关键字：幻灯片 滑块 jQuery      更新时间：2023-09-26

我目前有显示当前幻灯片编号的问题，基本上我需要将当前幻灯片编号插入到一个名为current slide的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(总数)

任何帮助将非常感激!

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

试试这个:

$('#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
相关文章：