добавить паузу при наведении курсора мыши в JQuery

Question

я не могу показаться, чтобы добавить паузу при наведении на этот слайд-шоу кода, любая помощь будет принята с благодарностью

<script type="text/javascript"> 
     $(function() { 

      var jmpressOpts = { 
       animation  : { transitionDuration : '1.8s' } 
      }; 

      $('#jms-slideshow').jmslideshow($.extend(true, { jmpressOpts : jmpressOpts }, { 
       autoplay : true, 
       dots  : false, 
       arrows  : false, 
       interval : 8000 
      })); 

     }); 
    </script> 

Answer 1

Я не знаю, как jmslideshow работает, но пробуйте установить интервал к переменной по вашему выбору, а затем измените эту переменную на действительно большое число на .mouseover и обратно на 8000. .mouseout

или, может быть, вы можете сделать то же самое с автовоспроизведением, установить его на false на .mouseover, true на .mouseout

Answer 2

Пожалуйста, проверьте мой ответ здесь: https://stackoverflow.com/a/19830616/2519089

Вы должны будете изменить jquery.jmslideshow.js файла и включают в себя следующие строки в методе _loadEvents:

//custom hover handler 
this.$jmsWrapper.on('mouseenter', function(e) { 
    _self._stopSlideshow(); 
}); 

this.$jmsWrapper.on('mouseleave', function(e) { 
    _self.options.autoplay = true; 
    _self._startSlideshow(); 
}); 

Надеется, что это помогает!