9

jcarousel を使用して一部の画像を自動スクロールしています。一時停止や停止なしで、1 つの流体スクロールでそれらをスクロールさせる方法を知りたいです。

現在、一時停止があり、その後再びスクロールします。私が自分自身を明確にしていない場合は、尋ねてください。もう少しうまく説明しようとします.

これはコードです：

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

    });
4

4 に答える 4

7

試す

auto: .01

1秒ごとに自動スクロールするように設定しています。流動的なスクロールは可能ではないと思いますが、これはほぼ同じように見えるはずです。

于 2010-03-14T15:59:24.920 に答える
6

この質問は汚れと同じくらい古いですが、私は更新された解決策を提供すると考えました.

$('.jcarousel').jcarousel({
    wrap: 'circular',
    animation: {
        duration: 3000,
        easing:   'linear',
    }
  });
  $('.jcarousel').jcarouselAutoscroll({
      interval: 0
  });
于 2015-01-20T17:56:28.937 に答える
2

スイングの代わりに線形イージングを使用すると、スクロールが「スムーズ」になります。

auto:   .01,
easing: 'linear'
于 2011-03-20T08:29:00.313 に答える
0
  • 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
    });
});

それで全部です。:)

于 2013-03-01T11:41:12.510 に答える