Question

我主要使用jquery Cycle作为横幅旋转器，但在当前的工作中，需要在jquery循环中显示数字。那么有可能这样做吗？如果是，那怎么样？因为我没有在jquery循环的文档中看到任何这样的东西，也没有在它的任何演示中看到这样的编号？如果有任何方式显示编号，请告诉我这个插件可以使用数字而不是探索和使用其他插件。

先谢谢你们。

Answer 1

你当然可以。 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

Answer 2

以下是Cycle Plugin中使用寻呼机的文档： Cycle Pager - http://jquery.malsup.com/cycle/pager.html

我可以在jquery循环中显示数字

2 个答案: