2017-05-02 16 views
2

私は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 
}); 

答えて

3

:設定「pauseOnHoverは」

3

ユーザーpauseOnHover:false例えば

滑らかな設定上の...私のマウスが入っているとき、それは自動再生ではないですなぜ、私は理解していないfalseに設定されています属性の表記を使用している場合 pauseOnHoverpause-on-hoverを書かれるべきである。

<slick pause-on-hover="false" ...> 
    ... 
</slick> 
+0

彼はあなたが言ったことの正反対を求めています。 – Mistalis

+0

デフォルトではtrueですが、falseを使用してください –

+0

設定の構文が間違っていました。 "pauseOnHover"はJS用です –