Сова Карусель 2 - не может изменить слайд при наведении

Question

Я уже пытался поменять местами функции на owl.carousel.js, но он работает только при движении мыши.

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);};

Любая идея, как сделать слайд-шоу, когда мышь на верхней части изображения?

Answer 1

Когда у меня возникла эта проблема, я использовал этот код:

$ ('. owl-carousel.owl-dot'). hover (function () {
$ (Это).click ();
},
function () {}
);

а вот мой css для точек:
.owl точек {
положение: относительное;
отступы: 0;
высота: 3 пикселя;
поле: 0;
плыть налево;
}
.owl-точка: перед тем {
содержание: "";
положение: абсолютное;
верх: -168 пикселей;
// высота изображения высота: 168px;
// высота ширины изображения: 100%;
слева: 0;
z-индекс: 0;
}

когда вы наведете курсор на точки, изображение будет меняться, вот и все!!!