使用Owl Carousel的垂直幻灯片和水平幻灯片

Question

我想在同一页面中同时使用猫头鹰轮播同时包含垂直幻灯片和水平幻灯片

Answer 1

参考

垂直幻灯片代码：

<script>
jQuery(document).ready(function() {
var owl = jQuery('.owl-carousel');
owl.owlCarousel({
autoplay: true,
items: 1,
nav: true,
loop: true,
autoplayHoverPause: true,
animateOut: 'slideOutUp',
animateIn: 'slideInUp',
autoplayTimeout: 5000,
autoplayHoverPause: false,
});

});
</script>

水平代码：

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

}）