user3088738 user3088738 - 5 months ago 40
HTML Question

Owl carousel custom navigation

I have an owl carousel,

The navigation on it looks like this:

enter image description here

I want to make only two navigation buttons that look like this:

enter image description here

I tried to do addinf this line :

$(".owl-carousel").owlCarousel({
navigation: true,
navigationText: ["<img src='resources/img/arrow-left.png'>","<img src='resources/img/arrow-right.png'>"]
});


But it doesn't work. Is there a way that I can delete one of the dots and make the other two apear like in the picture.

Answer

Add this

<script type="text/javascript">
jQuery(document).ready(function()
{   
    jQuery('.owl-carousel').owlCarousel({
        loop:true,
        dots:false,
        nav:true,
    });
});
</script>