javascript - 使用 Jquery Cycle Plugin 在每次转换后执行功能

Question

$(document).ready(function(){

var $container = $('#main_slider').cycle({ 
    fx:     'fade', 
    speed:   300, 
    timeout: 4000
}); 

$container.children().each(function(i) { 
    // create input 
    $('#thumb-'+(i+1)).click(function() { 
            // cycle to the corresponding slide 
            $("#black-bars").animate({"top": ''+(i*76.5)+'px'}, "slow", "swing");
            $container.cycle(i); 
            return false; 
        }); 
}); 

});

我有一个带有侧拇指的简单幻灯片，当单击它们时，黑条会滑动到适当的位置以“突出显示”它。

现在，只有当用户手动单击拇指时才会出现这种效果，所以我希望它在每张幻灯片转换后也能自动动画。

我认为 Cycle 有一个 After 属性，允许您在每张幻灯片之后执行一个函数，但是我将如何创建一个计数器或检索它当前所在的幻灯片“编号”？我需要它来确定黑条的位置。

谢谢

Answer 1

您可以为此使用选项“之前”和“之后”。这两个回调函数都将当前幻灯片和下一张幻灯片作为参数传递。检查这个例子：http: //jquery.malsup.com/cycle/int2.html