我主要使用 jQuery Cycle 作为横幅旋转器,但在目前的工作中,需要在 jQuery 循环中显示数字。那么有可能这样做吗?如果是,那怎么办?我在 jQuery Cycle 的文档中没有看到任何这样的东西,也没有在它的任何演示中看到这样的编号。
我宁愿使用这个带有数字的插件,而不是探索和使用其他一些插件。
我主要使用 jQuery Cycle 作为横幅旋转器,但在目前的工作中,需要在 jQuery 循环中显示数字。那么有可能这样做吗?如果是,那怎么办?我在 jQuery Cycle 的文档中没有看到任何这样的东西,也没有在它的任何演示中看到这样的编号。
我宁愿使用这个带有数字的插件,而不是探索和使用其他一些插件。
你当然可以。jQuery Cycle 是一个精心设计的插件,它具有可用作幻灯片转换前后的回调函数。只需使用before
回调来获取当前幻灯片的编号并对其进行处理。
现场示例:http: //jsfiddle.net/5ZqFA/
var $slideshowImages = $('.slideshow img'),
$number = $('#number');
$('.slideshow').cycle({
fx: 'fade',
startingSlide: 0,
before: function (currSlideElement, nextSlideElement, options, forwardFlag) {
var $img = $(nextSlideElement),
number = $slideshowImages.index($img);
number += 1;
$number.text(number);
}
});
该插件的选项记录在这里:http: //jquery.malsup.com/cycle/options.html
以下是 Cycle Plugin 中使用 Pager 的文档: Cycle Pager - http://jquery.malsup.com/cycle/pager.html