Eulenkarussell - Klick Bild für nächstes

Question

Ich habe ein Eulenkarussell und möchte zum nächsten Bild, wenn ich auf das Bild klicke. Keine Pfeile oder Seitenumbruch usw.

Ich habe nicht viel Erfahrung mit Eulenkarussell.

Das ist, was ich in meinem HTML habe. Ich setze touchDrag gleich true, aber ich möchte einen Klick auf das Bild, um zum nächsten zu gelangen.

Answer 1

Sie könnten den Karussell-Dias einen Click-Handler hinzufügen, der sie auf den nächsten verschiebt.

$(document).ready(function(){ 
    //Carousel 
    var owl = $(".carousel").owlCarousel({ 
    items : 1, 
    autoPlay: true, 
    touchDrag : true, 
    mouseDrag : true,  
    singleItem:true, 
    responsive:true, 
    autoHeight : true, 
    transitionStyle:"fade" 
    }); 

    $('.owl-item').click(function() { 
    owl.trigger('next.owl.carousel'); 
    }) 
});