Jquery，Jcarousel平滑无限滚动

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

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

这是代码：

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

    });

来源

2010-03-14 nharry

我的jQuery插件，simplyScroll要达到你想要什么http://logicbox.net/jquery/simplyscroll/ – Logicbox 2011-09-02 16:33:50

尝试

auto: .01

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

来源

2010-03-14 15:59:24 carillonator

感谢您的。决定做一个简单的方法，并使用jQuery的动画功能。 – nharry 2010-03-14 16:09:14

除了将动画速度设置为更高的值（比默认设置更高）之外，这对我很有用。像这样：'动画：5000，自动：0.01' – racl101 2012-09-07 15:15:57

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

来源

2010-03-14 16:15:16

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

auto: .01, 
easing: 'linear'

来源

2011-03-20 08:29:00

'jQuery（document）.ready（function（）{jQuery（'＃mycarousel'）。jcarousel（{0,012,auto：0.1, scroll：10， wrap： 'circular'， animation：10000， easing：'linear' }}; }）;' - easing使所有差异 – TomDunning 2012-09-26 12:11:09

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

来源

2012-01-13 05:19:40

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

这就是所有。 :)

来源

2013-03-01 11:41:12

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

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

来源

2015-01-20 17:56:28 Jake

这些都是最好的答案。 – egr103 2015-02-02 10:10:09

这对我有效。 – Kirtan 2015-10-20 13:59:28

也适用于我，但如果我想直接跳转到没有转换的图片怎么办？你的解决方案确实“禁用”了分页功能...... – Flaudre 2016-03-07 07:54:23

Jquery，Jcarousel平滑无限滚动

回答

相关问题