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

});

我有简单的幻灯片，有侧拇指，点击它们时，黑条滑动到适当的位置，以突出显示＆＃34;它

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

我认为Cycle有一个After属性，允许你在每张幻灯片后执行一个函数，但是我如何创建一个计数器或检索哪个幻灯片＆＃34;数字＆＃34;它目前在吗？我需要它来确定黑条的位置。

由于

Answer 1

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

使用Jquery Cycle Plugin在每次转换后执行函数

1 个答案: