Как привязать навигацию к картинке?

Question

[Александр Шишкин]

Добрый день.
В проекте используется OwlCarousel 2.х.х.
Вопрос – как привязать функции кнопок навигации назад-вперед к кастомным картинкам.

Пробовал сделать вот так (нашел на одном сайте такое решение, но видимо применяю не правильно – не работает):

$(document).ready(function(){
    $('.owl-carousel').owlCarousel({
        items: 1,
        loop: true,
        autoplay: true,
        smartSpeed: 1000,
        nav: false,
        dots: false,
        }
    );

    $(".next-image").click(function() {
    owl_review.trigger('owl.next');
    });

    $(".prev-image").click(function() {
    owl_review.trigger('owl.prev');
    });
});

Answer 1

[Alexander Pushkarev]

$(document).ready(function(){
    var owl_review = $('.owl-carousel');

    owl_review .owlCarousel({
        items: 1,
        loop: true,
        autoplay: true,
        smartSpeed: 1000,
        nav: false,
        dots: false,
        }
    );

    $(".next-image").click(function() {
        owl_review.trigger('owl.next');
    });

    $(".prev-image").click(function() {
        owl_review.trigger('owl.prev');
    });
});

Answer 2

[display: block]

$('.prev-image').click(function(){
  $('.owl-carousel').trigger('prev.owl.carousel', [300]);
});