如何制作带箭头的猫头鹰旋转木马而不是下一个

昨天我向一位顾客推出了一个网站。我总是使用猫头鹰旋转木马，因为它的响应。客户如何讨厌以前的，接下来的话，并希望将它们改为箭头。

所以我更新了我的脚本。 js文件。这很容易做到，我想分享它。

$(document).ready(function(){ $('.owl-carousel').owlCarousel({ nav:true, responsive:{ ... }) $( ".owl-prev").html(''); $( ".owl-next").html(''); });

在那里，你有它。您可以随时添加更多样式。（我第一次使用答案你自己的问题希望这是正确的地方/方式）

如果您使用的是Owl Carousel 2 ，那么您应该使用以下内容：

 $(".category-wrapper").owlCarousel({ items : 4, loop : true, margin : 30, nav : true, smartSpeed :900, navText : ["",""] });

其他可能使用Owl Carousel v 1.3.2的人的说明：

您可以在启用导航的设置中替换导航文本。

 navigation:true, navigationText: [ "", "" ]

以下代码适用于猫头鹰旋转木马 。

 $(".owl-carousel").owlCarousel({ items: 1, autoplay: true, navigation: true, navigationText: ["", ""] });

对于OwlCarousel2

  $(".owl-carousel").owlCarousel({ items: 1, autoplay: true, nav: true, navText: ["", ""] });

这是你在带有FontAwesome图标的$(document).ready()函数中的方法：

  $( ".owl-prev").html(''); $( ".owl-next").html('');