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平滑無限滾動

回答

相關問題