猫头鹰轮播自定义导航

Question

我有一个猫头鹰旋转木马，

它上面的导航如下：

我想只制作两个如下所示的导航按钮：

我尝试添加这行：

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

但它不起作用。有没有办法可以删除其中一个点，并使其他两个像图片中的那样。

Answer 1

添加此

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

Answer 2

另一种解决方案就是删除此{c}的*= require owl.theme 并仅保留navigation: true

 $(".owl-carousel").owlCarousel({
            navigation: true
 });