Question

我一直在尝试让Owl Carousel 2在我的开发站点上工作。我已经无数次使用它，所以很显然我在做一些愚蠢的事情。我可以让v1.x正常工作。

http://www.creativethings.nz/web/the-house

我没有任何错误，我可以肯定它基本上可以正常工作，但是没有显示。也许是CSS问题，但是我正在使用Owl Carousel 2的库存CSS。

在头部：

<link rel="stylesheet" href="owl2/owl.carousel.css" />
<link rel="stylesheet" href="owl2/owl.theme.default.min.css">

中身：

<div id="gallery" class="owl-carousel owl-theme">
<div><img src="web/images/gallery/sd.jpg"/></div>                                                                                                                                
<div><img src="web/images/gallery/sd.jpg"/></div>                                                                                
</div>

正文结尾：

<script type="text/javascript" src="owl2/owl.carousel.min.js"></script>  
<script> 
$(window).on('load',function() { 
$(".owl-carousel").owlCarousel();
});
</script>

我观察到，通过在Chrome中进行检查并将.owl-stage-outer的CSS更改为overflow：visible，它在幻灯片放映中同时显示了（两个）图像。谁能帮助诊断和解决问题？

Answer 1

初始化轮播时，您需要设置“项目”选项。

    $(window).on('load',function() { 
      $('.owl-carousel').owlCarousel({items:1});
    });

工作中的JSFiddle Here

猫头鹰轮播2不可见，但无错误

1 个答案: