Breaking News: Grepper is joining You.com. Read the official announcement!

how to change owl nav, how to make custom next-prev button in owl carusol

Mushy Macaw answered on October 2, 2021 Popularity 3/10 Helpfulness 2/10

answer how to change owl nav, how to make custom next-prev button in owl carusol

how to change owl nav, how to make custom next-prev button in owl carusol

Comment

var owl = $('.owl-carousel');
owl.owlCarousel();
// Go to the next item
$('.customNextBtn').click(function() {
    owl.trigger('next.owl.carousel');
})
// Go to the previous item
$('.customPrevBtn').click(function() {
    // With optional speed parameter
    // Parameters has to be in square bracket '[]'
    owl.trigger('prev.owl.carousel', [300]);
})

Popularity 3/10 Helpfulness 2/10 Language javascript

Source: owlcarousel2.github.io

Tags: button javascript owl

Link to this answer
Share Copy Link