Остановить slick slider при hover, как это сделать?

Question

[Slow132432]

Здравствуйте! Столкнулся с такой проблемой: есть слик слайдер нужно при его остановить при наведении мыши. Все перепробовал.

$(function(){
    $('.head-carousel').slick({
        arrow: true,
        responsive: [
            {
              breakpoint: 900,
              settings: {
                arrows: false,
                pauseOnHover: true,
                dots: true
              }
            } 
        ]    
    });

    
    $(".head-carousel").ready(function(){
        setInterval(function(){
            $(".head-carousel").slick('slickNext');
        }, 3000)
    });
    
    $(".head-carousel").hover(function(){
        $(".head-carousel").slick('slickPause')
    })
});

Answer 1

[Beliyadm]

В данном случае pauseOnHover срабатывает только на breakpoint: 900,
Сделайте точки разбвивки на 1290, 1100
ну и так далее

Comments

[Slow132432]

Не получилось, может ошибка в скрипте?

[Slow132432]

Я пробовал mouseenter и mouseover, но не получилось, может я это не правильно делал

[Beliyadm]

Slow132432, Нет, там ошибок быть не может. Точка breakpoint это ширина экрана вьюпорта. Их можно хоть 10 прописать.
Но вам совершенно нежен $(".head-carousel").hover - на кой? В одной функции описывается все, время, плавность, сменяемость

[Slow132432]

Beliyadm, Ох, Буду думать. Спасибо