Jquery，Jcarousel平滑无限滚动

Question

我正在使用jcarousel来自动滚动一些图片。我想知道如何使它们在一个连续的流畅滚动中滚动，没有暂停或停止。

目前有一个暂停，然后它再次滚动。如果我表述不清楚，请问我，我会尽力解释得更好一些。

这是代码：

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

    });

- user289554

---

我的jQuery插件，simplyScroll应该可以实现你想要的功能。http://logicbox.net/jquery/simplyscroll/ - Logicbox

Answer 1

尝试

auto: .01

你将其设置为每1秒自动滚动。我认为流畅的滚动不可能实现，但这应该看起来差不多。

- carillonator

---

谢谢。决定采用简单的方式，使用jQuery动画函数。 - user289554

这对我很有用，除了将动画速度设置为更高的值（而不是默认值）。就像这样：animation: 5000, auto: 0.01。 - racl101

Answer 2

这个问题古老至极，但我想提供一种更新的解决方案。

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

- Jake

---

最佳答案。 - egr103

对我也有效，但如果我想直接跳转到图片而不需要过渡效果怎么办？你的解决方案实际上是“禁用”了分页功能... - flaudre

Answer 3

我认为如果使用线性缓动而不是摆动缓动，它的滚动效果会更加"平滑"

auto:   .01,
easing: 'linear'

- Mushegh A.

---

jQuery(document).ready(function() { jQuery('#mycarousel').jcarousel({ auto: 0.1, scroll: 10, wrap: 'circular', animation: 10000, easing: 'linear' }); }); - 缓动效果起到了决定性作用 - TomDunning

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

就这些了。:)

- Binu Joseph