猫头鹰旋转木马未正确显示
Posted
技术标签:
【中文标题】猫头鹰旋转木马未正确显示【英文标题】：Owl Carousel Not Showing Correctly 【发布时间】：2020-08-01 10:29:01 【问题描述】：我有我的引导网站，它运行良好...... 除猫头鹰轮播外，所有 javascript 代码均有效
这是猫头鹰轮播代码：
<section id="gallery" class="wow fadeInUp">
<div class="owl-carousel gallery-carousel">
<a href="img/gallery/1.png" class="venobox" data-gall="gallery-carousel"><img src="img/gallery/1.png" ></a>
<a href="img/gallery/2.png" class="venobox" data-gall="gallery-carousel"><img src="img/gallery/2.png" ></a>
<a href="img/gallery/3.png" class="venobox" data-gall="gallery-carousel"><img src="img/gallery/3.png" ></a>
<a href="img/gallery/4.png" class="venobox" data-gall="gallery-carousel"><img src="img/gallery/4.png" ></a>
<a href="img/gallery/5.png" class="venobox" data-gall="gallery-carousel"><img src="img/gallery/5.png" ></a>
<a href="img/gallery/6.png" class="venobox" data-gall="gallery-carousel"><img src="img/gallery/6.png" ></a>
<a href="img/gallery/7.png" class="venobox" data-gall="gallery-carousel"><img src="img/gallery/7.png" ></a>
<a href="img/gallery/8.png" class="venobox" data-gall="gallery-carousel"><img src="img/gallery/8.png" ></a>
</div>
</section>
只显示两张图片的轮播
Website Files Here
【问题讨论】：
您需要在此处在您的问题中发布minimal reproducible example，并在任何第三方网站上发布not a link。 很抱歉，但我认为问题是由于 javascript 文件之间的冲突，所以我上传了整个网站 没关系。正如我之前所述，您的问题已经结束，因为您没有在您的问题中发布您的代码。 【参考方案1】：这很简单，只需像这样为容器添加样式。
<section id="gallery" class="wow fadeInUp animated" style="direction: ltr;">
【讨论】：
以上是关于猫头鹰旋转木马未正确显示的主要内容，如果未能解决你的问题，请参考以下文章