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