如何制作带箭头的猫头鹰旋转木马而不是下一个 [英] How to make a owl carousel with arrows instead of next previous

问题描述

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

yesterday i prenseted a website to a customer. I always use Owl carousel since it's responsive. The client how ever hated the previous, next words and wanted to change them to arrows.

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

So hence I updated my script . js file. It was very easy to do and I wanted to share it.

$(document).ready(function(){
$('.owl-carousel').owlCarousel({
    nav:true,
    responsive:{
     ...
 })
 $( ".owl-prev").html('<i class="fa fa-chevron-left"></i>');
 $( ".owl-next").html('<i class="fa fa-chevron-right"></i>');
}); 

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

Wel there you have it. You can always add more styling. (First time I use an answer your own question hope this is the right place/way)

推荐答案

这是你怎么做的在您的 $（文件）.ready（）函数中使用FontAwesome图标：

This is how you do it in your $(document).ready() function with FontAwesome Icons:

 $( ".owl-prev").html('<i class="fa fa-chevron-left"></i>');
 $( ".owl-next").html('<i class="fa fa-chevron-right"></i>');

这篇关于如何制作带箭头的猫头鹰旋转木马而不是下一个的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！