ブートストラップカルーセル：自動スライドを削除

ブートストラップカルーセルを使用しています。必要なのは、ナビゲーションまたはページネーションがクリックされたときにのみスライダーがスライドすることです。削除してみました

$('.carousel').carousel({
    interval: 6000
}); 

正常に動作しますが、問題は、ナビゲーションまたはページネーションをクリックした後、自動スライドすることです。オートスライド機能を解除することは可能ですか？もしそうなら、どうですか？

あなたはjsまたはhtmlを介してこれを2つの方法で行うことができます（簡単）

1. js経由

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

ミリ秒が追加されていないため、自動スライドが停止し、次のスライダーには移動しません。

2. 追加data-interval="false"と削除によるHTML経由data-ride="carousel"

<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">

になる：

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

@webManのコメントに基づいて更新

公式ドキュメントから：

間隔アイテムが自動的に循環する間の遅延時間。falseの場合、カルーセルは自動的に循環しません。

この値は、JavaScriptまたはdata-interval="false"属性を使用して渡すことができます。

DIVタグに属性をもう1つ追加するだけです。

data-interval="false"

JSに触れる必要はありません！

カルーセルdivのdata-interval = "false"に変更/追加

<div class="carousel slide" data-ride="carousel" data-type="multi" data-interval="false" id="myCarousel">

以下をお試しください：

<script>
    $(document).ready(function() {      
        $('.carousel').carousel('pause');
    });
</script>

data-interval = "false"

これを対応するdivに追加します...

$(document).ready(function() {
  $('#media').carousel({
    pause: true,
    interval: 40000,
  });
});

上記のスクリプトを使用すると、画像を自動的に移動できます

$(document).ready(function() {
  $('#media').carousel({
    pause: true,
    interval: false,
  });
});

上記のスクリプトを使用することにより、auto-rotationブロックされintervalますfalse