jCarousel – 如何使用autoscroll进行hover暂停？

JCarousel最近改变了（2011年1月）。
它曾经有一种方法在使用autoscroll进行hover时实现暂停。

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

示例代码在这里 – 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

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

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