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 猫头鹰横幅(滑块)