私はAngularJSアプリで作業しています。画像を表示するためにカルーセルを使用するには、Slickを使用します。簡体Slick - Pause on Hoverの使い方は?
は、私のHTMLは次のようになります。私は滑らかなカルーセルを再開/一時停止するには、私のcontroller.jsの機能にリンクされているボタンがあり
<slick pauseOnHover="false" autoplay="true" autoplaySpeed="1000" dots="true" touch-move="false" slides-to-show="3" speed="400" slides-to-scroll="1" ng-if="main.CarouselReady" infinite="true" class="slickCarousel">
<div ng-repeat="img in main.myImages">
<img src="{{img.src}}" />
</div>
</slick>
、これは正常に動作しています。
問題は、マウスが画像セクションの上にある(ホバー)ときにカルーセルが自動再生しないことです。
$('.slider-nav').slick({
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.slider-for',
dots: true,
centerMode: true,
focusOnSelect: true,
pauseOnHover:false
});
彼はあなたが言ったことの正反対を求めています。 – Mistalis
デフォルトではtrueですが、falseを使用してください –
設定の構文が間違っていました。 "pauseOnHover"はJS用です –