97

間隔を設定できるようですが、アイテムがスライドする速度を制御したいですか?

   // Sets interval...what is transition slide speed?
    $('#mainCarousel').carousel({
    interval: 3000
});
4

27 に答える 27

14

メイン DIV で間隔を data-interval タグとして設定する必要があります。それはうまく機能し、異なるスライドに異なる時間を与えることができます。

<div class="carousel" data-interval="5000">
于 2016-06-07T06:14:14.683 に答える
3

たとえば、多くのカルーセルの 1 つだけで特定の条件に基づいて速度を変更するためにプログラムでそれを行う必要がある場合は、次のようにすることができます。

Html が次のような場合:

<div id="theSlidesList" class="carousel-inner" role="listbox">
  <div id="Slide_00" class="item active"> ...
  <div id="Slide_01" class="item"> ...
  ...
</div>

JavaScript は次のようになります。

$( "#theSlidesList" ).find( ".item" ).css( "-webkit-transition", "transform 1.9s ease-in-out 0s" ).css( "transition", "transform 1.9s ease-in-out 0s" )

さらに .css( ... ) を追加して、他のブラウザーを含めます。

于 2015-06-23T20:12:19.347 に答える
3

ブートストラップの js ファイルを変更したくない場合は、必要な値を jquery プラグイン (bootsrap 3.3.6) に直接挿入することもできます。

これにはもちろん、 data-ride 属性を介して直接ではなく、js を介して手動でカルーセルをアクティブ化する必要があります。

例えば：

var interval = 3500;
$.fn.carousel.Constructor.TRANSITION_DURATION = interval - 500;
elem.carousel({
    interval : interval
});
于 2016-02-07T18:02:55.800 に答える
3

1つを含めるbootstrap.min.jsか解凍した後、以下のよう jQuery("#numbers").carousel({'interval':900 });に間隔をパラメーターとして追加できます

于 2016-01-30T01:58:03.153 に答える
2

私にとってうまくいったのは、bootstrap.jsの間隔を変更することでした

  Carousel.DEFAULTS = {
    interval: 2000,      // <----- change this
    pause: 'hover',
    wrap: true,
    keyboard: true
  }
于 2015-09-08T19:55:36.177 に答える
2

あなたのCSSで：

.carousel-item {
    transition-duration: 1.5s, 1.5s;
}

カルーセルに定義されたデータ間隔に時間が含まれていることに注意してください。

それが役に立てば幸い... ：）

于 2019-05-06T14:52:58.040 に答える