我正在使用jcarousel为无序列表设置动画,但由于我需要动画在项目之间平滑过渡,我将animation
选项设置为一个非常大的整数,这样可以正常工作但我需要启动当我将鼠标悬停在一些链接上并在鼠标移开时停止动画时幻灯片动画,这是我到目前为止所做的:
$(function() {
function customCallback(carousel) {
$('.prev').hover(function() {
// Starts the back animation
carousel.prev();
}, function() {
// How to stop animation?
});
$('.next').hover(function() {
// Starts the forward animation
carousel.next();
}, function() {
// How to stop animation?
});
}
$('.list').jcarousel({
animation : 14000,
wrap : 'circular',
easing : 'linear',
buttons : false,
initCallback : customCallback
});
});
但是我不知道如何停止鼠标移动动画,这里有一个演示来更好地说明这一点:http://jsfiddle.net/hfuwM/1/
有人能指出我正确的方向吗?提前致谢
编辑:我发现在mouseout回调上使用carousel.list.stop()
会停止动画,但是当再次悬停链接时它不会重新启动。