Подскажите, как в слайдере на owl carousel сделать, чтобы картинка перелистывалась вперед не только при клике на стрелку, но и при клике на саму картинку? Весь день ищу, но ни как не могу найти ответ на этот вопрос.
<div class="owl">
<div class="item">
<img src="img1.jpg" alt="Img" />
<div class="bottom-text">Text</div>
</div>
</div>
$(function () {
$(".owl").owlCarousel({
//autoPlay: 10000, //Set AutoPlay to 3 seconds
//stopOnHover: true,
singleItem: true,
pagination: true,
//lazyLoad: true,
items: 1,
//itemsDesktop: [1200, 3],
//itemsDesktopSmall: [992, 3],
navigation: true,
scrollPerPage: true,
//theme: "owl-theme",
autoHeight: true,
navigationText: ["", ""],
//responsiveBaseWidth: $(".news-detail .content").get(0)
//transitionStyle:"fadeUp"
//itemsDesktop : [1199,3],
//itemsDesktopSmall : [979,3]
});
});