Карусель пользовательских сов - OWL. JS Пауза при наведении - PullRequest
Новая
       9

Карусель пользовательских сов - OWL. JS Пауза при наведении

0 голосов
/ 02 апреля 2020

У меня работает следующий слайдер в Codepen, и я пытаюсь изменить его для своего веб-сайта. Я хотел бы, чтобы карусель приостановилась при наведении.

Я перепробовал все параметры на ползунке совы из - autoplayHoverPause: true, как в документации и редактировании пользовательского кода. Я полагаю, что существует некоторый конфликт с autoPlaySpeed.

У меня есть ползунок, работающий в следующем CodePen .

Вокруг строки 2511 есть функция, которая делает паузу при наведении но я попытался изменить его безуспешно.

Я также попытался без удачи: 

$('.owl-carousel').mouseover(function(){
   owl_product.trigger('stop.owl.autoplay');
})

$('.owl-carousel').mouseleave(function(){
  owl_product.trigger('play.owl.autoplay',[1000]);
 })

Я тоже попытался без удачи. :

'mouseleave.owl.autoplay': $.proxy(function() {
                        if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) {
                                this.stop(); // Quick fix for resume play on mouseleave
                                this.play();
                        }
                }, this),

Буду очень признателен за любую помощь, поскольку я верю, что начинаю сходить с ума.

1 Ответ

0 голосов
/ 03 апреля 2020

Вы можете попробовать autoplayHoverPause:true вариант. Подробнее здесь: https://owlcarousel2.github.io/OwlCarousel2/demos/autoplay.html

...