@Slow132432

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

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

$(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')
    })
});
  • Вопрос задан
  • 54 просмотра
Пригласить эксперта
Ответы на вопрос 1
beliyadm
@beliyadm
Joomla наше всё
В данном случае pauseOnHover срабатывает только на breakpoint: 900,
Сделайте точки разбвивки на 1290, 1100
ну и так далее
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы