Jquery，Jcarousel平滑无限滚动

Question

我正在使用jcarousel自动滚动一些图像。我想知道如何让它们在一个流畅的滚动中滚动而不停顿或停止。

当前有一个暂停，然后再次滚动。如果我没有说清楚，那么问一下，我会尽力解释一下。

这是代码：

jQuery(document).ready(function() { 
    jQuery('#mycarousel').jcarousel({ 
     auto: 1, 
     wrap: 'last', 
     vertical: true, 
     animation: 5000 

    }); 

Answer 1

尝试

auto: .01 

你有它设置为自动滚动每隔1秒。我不认为流畅滚动是可能的，但这应该看起来差不多。

Answer 2

下面是不会暂停滚动条：http://bloggerplugnplay.blogspot.com/2009/10/verticle-auto-scroll-news-ticker-using.html

Answer 3

对我来说卷轴“平滑”使用线性宽松，而不是摇摆时。

auto: .01, 
easing: 'linear' 

Answer 4

这里有许多功能，如速度控制自动无限滚动和具有鼠标事件将是有益的另一滚轮。我深深地钻了一下后发现它。 http://bloggerplugnplay.blogspot.com/2011/07/horizontal-auto-image-strip.html

Answer 5

• 打开jquery.jcarousel.min.js
• 美化使用http://jsbeautifier.org
• 查找和 “0”（零）

取代 “this.options.auto * 1E3” 剧本

类似于：

function mycarousel_initCallback(carousel){ 
    // Pause autoscrolling if the user moves with the cursor over the clip. 

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

jQuery(document).ready(function() { 

    jQuery('#mycarousel').jcarousel({ 
     auto: 1, 
     animation:2000, 
     easing: 'linear', 
     wrap: 'circular', 
     scroll:1, 
     buttonNextHTML: null, 
     buttonPrevHTML: null, 
     initCallback: mycarousel_initCallback 
    }); 
}); 

这就是所有。 :)

Answer 6

这个问题是一样古老，但我想我给更新的解决方案。

$('.jcarousel').jcarousel({ 
    wrap: 'circular', 
    animation: { 
     duration: 3000, 
     easing: 'linear', 
    } 
    }); 
    $('.jcarousel').jcarouselAutoscroll({ 
     interval: 0 
    });