jquery - 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

这个问题和泥土一样古老，但我想我给出了更新的解决方案。

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

Answer 3

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

auto:   .01,
easing: 'linear'

Answer 4

• 打开 jquery.jcarousel.min.js
• 使用http://jsbeautifier.org美化脚本
• 查找“this.options.auto * 1E3”并将其替换为“0”（零）

就像是：

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

就这样。:)