Question

我正在使用jcarousel自动滚动一些图像。我想知道如何使它们在一个流畅的卷轴中滚动而没有暂停或停止。

目前暂停，然后再次滚动。如果我不清楚自己，那么请问我会更好地解释一下。

这是代码：

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

    });

Answer 1

试

auto: .01

你将它设置为每1秒自动滚动一次。我不认为流畅的卷轴是可能的，但这看起来应该是一样的。

Answer 2

这个问题与污垢一样古老，但我想我会提供更新的解决方案。

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

Answer 3

对我来说，当使用线性缓和而不是摆动时，它会滚动“更平滑”。

auto:   .01,
easing: 'linear'

Answer 4

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

Answer 5

这是另一个具有许多功能的滚动条，如速度控制自动无限滚动和鼠标事件将有所帮助。经过深深的护目镜后我发现了它。 http://bloggerplugnplay.blogspot.com/2011/07/horizontal-auto-image-strip.html

Answer 6

打开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
    });
});

这就是全部。：）

Jquery，Jcarousel流畅无限滚动

6 个答案: