Question

我正在使用jQuery Cycle插件来创建图像幻灯片。它工作得很好，但我有一个小问题，我似乎无法解决。如果单击“上一个”或“下一个”链接，幻灯片计数器将在动画结束后才会更新。理想情况下，只要您点击其中一个链接，幻灯片计数就会更新，然后动画将会发生。

JSFiddle在这里：http://jsfiddle.net/dD52s/

Answer 1

如果您希望在动画开始之前设置计数器，请使用after回调而不是before回调。试试这个

$(document).ready(function() {

    $('.slideshow').cycle({
        fx: 'scrollHorz',
        timeout: 0,
        next: '.next, .slideshow img',
        prev: '.prev',
        speed: 600,
        before: onAfter,
    });

    function onAfter(curr,next,opts) {
        var caption = ($(next).index() + 1) + '/' + opts.slideCount;
        $('.counter').html(caption);
    }

   $('.description').cycle({
        fx: 'none',
        timeout: 0,
        next: '.next, .slideshow img',
        prev: '.prev'
    });

});

工作http://jsfiddle.net/dD52s/2/

jQuery Cycle：更新currSlide onClick

1 个答案: