1
$(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 属性,允许您在每张幻灯片之后执行一个函数,但是我将如何创建一个计数器或检索它当前所在的幻灯片“编号”?我需要它来确定黑条的位置。

谢谢

4

1 回答 1

3

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

于 2011-04-13T11:37:49.117 回答