Slick - Wie verwende ich Pause bei Hover?

Question

Ich arbeite an einer AngularJS App, ich möchte Slick verwenden, um ein Karussell zu haben, um Bilder anzuzeigen.

Vereinfachtes, mein HTML sieht wie folgt aus:

<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> 

I Tasten meiner controller.js Funktionen verknüpft haben zu pausieren/fortsetzen den Slick-Karussell, das funktioniert prima.

Das Problem ist, dass das Karussell nicht automatisch ausgeführt wird, wenn meine Maus über den Bildbereich ist (hover). Die Einstellung „pauseOnHover“ auf false gesetzt ist, so verstehe ich nicht, warum es nicht selbstspiel wenn meine Maus in ist ...

Answer 1

pauseOnHover sollte pause-on-hover writen werden, wenn das Attribut-Notation:

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

Answer 2

Benutzer pauseOnHover:false auf glatten Config

zum Beispiel:

$('.slider-nav').slick({ 
    slidesToShow: 3, 
    slidesToScroll: 1, 
    asNavFor: '.slider-for', 
    dots: true, 
    centerMode: true, 
    focusOnSelect: true, 
    pauseOnHover:false 
});