css - カルーセルのタイマー間隔をリセット

Question

ブートストラップのカルーセルを使用しています。ここで実装を確認できます: http://jdattorneyatlaw.com/newTimesPost

問題は、誰かがカルーセルのナビゲーション矢印の 1 つをクリックしても、インターバル タイマーがリセットされないことです。そのため、[戻る] をクリックすると、ちょうど見ている画像にすぐに戻る可能性があります。

これを修正する方法についての指示は非常に高く評価されます。

ご協力ありがとうございました。

Answer 1

TB2 または TB3 を使用しますか。TB2 の場合、次/前のクリックごとにタイマーをリセットすることができます。

$.fn.carousel.Constructor.prototype.next = function () {
    if (this.sliding) return
    if (this.interval) clearInterval(this.interval);
    return this.slide('next')
  }

$.fn.carousel.Constructor.prototype.prev = function () {
    if (this.sliding) return
    if (this.interval) clearInterval(this.interval);
    return this.slide('prev')
  }

$('#myCarousel').carousel({interval:2000});