ページのロード時にTwitterブートストラップカルーセルが自動スライドしないようにする

次のボタンまたは前のボタンがクリックされない限り、ページロードでTwitterブートストラップカルーセルが自動的にスライドしないようにする方法はありますか？

ありがとう

または、Bootstrap 3.0を使用している場合は、たとえばdata-interval = "false"でサイクリングを停止できます。

<div id="carousel-example-generic" class="carousel slide" data-interval="false">

その他の役立つカルーセルデータ属性はこちら-> http://getbootstrap.com/javascript/#carousel-usage

実際、問題は解決しました。以下のように、メソッド 'carousel'に 'pause'引数を追加しました。

$(document).ready(function() {      
   $('.carousel').carousel('pause');
});

とにかく、この解決策へのヒントを@Yohnに感謝します。

前/次のボタンを押した後にカルーセルが自動的にスライドする問題が解決されました。

$('.carousel').carousel({
    pause: true,
    interval: false
});

GitHubコミット78b927b

ブートストラップ3セットを使用している場合data-interval="false"カルーセルのHTML構造にれた

例：

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">

• data-interval="false"自動スライドを停止するために使用します
• data-wrap="false"円形スライドを停止するために使用します

これをあなたのコースのdivに追加してください：

data-interval="false"

以下は、ブートストラップカルーセルのパラメーターのリストです。インターバルと同様に、一時停止、ラップ：

詳細については、このリンクを参照してください。

http://www.w3schools.com/bootstrap/bootstrap_ref_js_carousel.asp

これがあなたに役立つことを願っています:)

注：これは、さらに役立つためのものです。カルーセルが読み込まれたら、デフォルトの動作をカスタマイズまたは変更する方法を意味します。

多分あなたはカルーセルに関する公式の指示をチェックするために行くべきだと思います、私にとっては、私は上記の答えを見つけませんでした。ブートストラップの複数のバージョンのため、私はb4-alphaを使用しており、自動再生効果を停止したいと思います。

$(document).ready({
    pause:true,
    interval:false
});

このスクリプトは、マウスがそのページ、正確にカルーセル領域を離れている間は効果がありません。公式の定義に行き、それらを見つけてください：

カウセルページのonmouseoverイベントがトリガーされると、ページが一時停止し、マウスがそのページから出ると、再び再開します。

したがって、ページを永久に停止して手動で回転させる場合は、設定するだけですdata-interval='false'。

--data-interval = "false"を使用して自動スライドを停止します--data-wrap = "false"を使用して円形スライドを停止します

Bootstrap 4の場合、カルーセルdivから 'data-ride = "carousel"'を削除するだけです。これにより、ロード時の自動再生が削除されます。

自動再生を再度有効にするには、JavaScriptの「play」呼び出しを使用する必要があります。