Javascript 使用Jquery Cycle插件在每次转换后执行函数

我有一个简单的幻灯片，有侧拇指，当他们被点击时，黑色的条滑到他们适当的位置“突出”它

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

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

---

谢谢

您可以为此使用“之前”和“之后”选项。这两个回调函数都将当前幻灯片和下一张幻灯片作为参数传递。检查此示例：

$(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; 
        }); 
}); 

});