title: Owl Carousel 2 - can't change slide on hover
body: <p>I already tried to swap the functions on owl.carousel.js but it only works when the mouse moves.</p>
  
  <pre><code>var Autoplay = function(scope) {
  this.core = scope;
  this.core.options = $.extend({}, Autoplay.Defaults, this.core.options);
  
  this.handlers = {
      'translated.owl.carousel refreshed.owl.carousel': $.proxy(function() {
          this.autoplay();
      }, this),
      'play.owl.autoplay': $.proxy(function(e, t, s) {
          this.play(t, s);
      }, this),
      'stop.owl.autoplay': $.proxy(function() {
          this.stop();
      }, this),
      'mouseover.owl.autoplay': $.proxy(function() {
          if (this.core.settings.autoplayHoverPause) {
              this.pause();
          }
      }, this),
      'mouseleave.owl.autoplay': $.proxy(function() {
          if (this.core.settings.autoplayHoverPause) {
              this.autoplay();
          }
      }, this)
  };
  
  this.core.$element.on(this.handlers);};
  </code></pre>
  
  <p>Any idea how to make the slideshow work when mouse on top of the image? </p>