基本jQuery滑块-当前幻灯片编号 [英] Basic jQuery Slider - Current Slide Number

查看:64
本文介绍了基本jQuery滑块-当前幻灯片编号的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我目前在显示当前幻灯片编号时遇到问题,基本上我需要将当前幻灯片编号插入一个称为当前幻灯片"的跨度类中.我正在使用关注jquery滑块: http://basic-slider.com

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


    });

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

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

任何帮助将不胜感激!

Any help would be very much appreciated!

推荐答案

如果您不使用bjqs min文件,则可以修改set_next function以获得当前的幻灯片编号并将其绑定到整个范围.

If you are not using bjqs min file you can modify set_next function to get current slide number and apped it to span.

这篇关于基本jQuery滑块-当前幻灯片编号的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆