jquery - jCarousel - 如何通过自动滚动暂停悬停？

Question

JCarousel 最近发生了变化（2011 年 1 月）。
它曾经有一种方法可以通过自动滚动实现悬停暂停。

使用新版本，我无法解决如何让自动滚动在悬停时停止：
我希望滚动在鼠标悬停时停止并在鼠标悬停时重新开始。
有什么建议么？

示例代码在这里 - http://testsite3.dk/jcarousel/
Jcarousel在这里：github.com/jsor/jcarousel

链接到 JQuery + javascript 以在此处加载拇指 - http://testsite3.dk/jcarousel/autoscroll.txt

Answer 1

将此代码添加到您的 jcarousel initCallback(carousel)

 carousel.clip.hover(function() {
    carousel.stopAuto();
}, function() {
    carousel.startAuto();
}); 

Answer 2

我无法让前面的示例正常工作。但是我确实得到了以下内容来使用最新的 jcarousel。

$('.carousel').jcarouselAutoscroll(
{
    interval: 4000, 
    scroll: '+=1',
    create: $('.carousel').hover(function() 
    {
        $(this).jcarouselAutoscroll('stop');
    },
    function() 
    {
        $(this).jcarouselAutoscroll('start');
    });
});

Answer 3

更新答案以保持最新状态。

正确答案见https://github.com/jsor/jcarousel/issues/568 ：

$('.jcarousel').hover(function() {
    $(this).jcarouselAutoscroll('stop');
}, function() {
    $(this).jcarouselAutoscroll('start');
});

Answer 4

您可以在创建回调中绑定自己的悬停事件：

  .jcarouselAutoscroll({
    autostart: true,
    interval: 1000,
    scroll: '+=3',
    create: $('#thumbs').bind('mouseenter', function () {
                $(this).jcarouselAutoscroll('option', 'scroll', '+=0' );
            }).bind('mouseleave', function () {
                $(this).jcarouselAutoscroll('option', 'scroll', '+=3' );
            })

  });