text 猫头鹰滑块

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了text 猫头鹰滑块相关的知识,希望对你有一定的参考价值。

https://stackoverflow.com/questions/31605932/how-to-make-a-owl-carousel-with-arrows-instead-of-next-previous


.owl-nav {
    margin-top: 15px;
}


<div class="owl-carousel owl-theme row text-center">
    <div class="item"><img src="http://via.placeholder.com/178x160"></div>
    <div class="item"><img src="http://via.placeholder.com/178x160"></div>
    <div class="item"><img src="http://via.placeholder.com/178x160"></div>
    <div class="item"><img src="http://via.placeholder.com/178x160"></div>
    <div class="item"><img src="http://via.placeholder.com/178x160"></div>
    <div class="item"><img src="http://via.placeholder.com/178x160"></div>
</div>


$('.owl-carousel').owlCarousel({
    loop:true,
    margin:10,
    responsiveClass:true,
    nav: true,
    navText : ["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"],
    responsive:{
        0:{
            items:1,
            nav:true
        },
        600:{
            items:3,
            nav:false
        },
        1000:{
            items:5,
            nav:true,
            loop:false
        }
    }
})  

以上是关于text 猫头鹰滑块的主要内容,如果未能解决你的问题,请参考以下文章

我想与滑块一起滑动/移动猫头鹰点

2 行猫头鹰旋转木马或 BX 滑块

javascript 猫头鹰滑块

html 样品猫头鹰转盘/滑块

html 邮政滑块猫头鹰

css 猫头鹰横幅(滑块)