0

我正在使用 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/

谁能指出我正确的方向?提前致谢

编辑:我发现carousel.list.stop()在 mouseout 回调上使用会停止动画,但是当再次悬停链接时它不会重新启动。

4

0 回答 0