on:hover
Bootstrap Carousel のみを循環させ、マウスが離れると一時停止したいと思います。デフォルトの Bootstrap コード ベースを使用しています。この機能を備えた複数のカルーセルがページに表示されます。
できればインターバルスピードもコントロールしたいです。data-interval 属性が機能していないようです。
このコードはほとんど機能しますが、最初にマウスがカルーセルの上に置かれたときだけです。2 回目は機能せず、間隔を制御しません。
<script>
$(document).ready(function(){
$('.carousel').mouseenter(function() {
$(this).carousel('cycle');
}).mouseleave(function() {
$(this).carousel('pause');
});
});
</script>