Question

以下是我非常基本的猫头鹰旋转木马的代码。这意味着任何时候只能显示一个图像/幻灯片，但是在一分钟内，我最终会在一张幻灯片中叠加所有这些图像。我确信我必须做一些非常明显错误的事情。

<ul class="showcasecarousel">

    <li class="item"><img src="img/trackback.png" alt="Some text here"></li>
    <li class="item"><img src="img/trackback.png" alt="Some text here"></li>
    <li class="item"><img src="img/trackback.png" alt="Some text here"></li>

</ul>

我的HTML文件底部的JavaScript是：

$('.showcasecarousel').owlCarousel({
   navigation : false, // Show next and prev buttons
   slideSpeed : 300,
   paginationSpeed : 400,
   singleItem: true,
   loop: true,
});

最后，我拥有的CSS是：

.showcasecarousel .item img{
    display: inline;
    width: 100%;
    height: auto;
}

Owl Carousel和JavaScript的CSS和JS文件都已正确包含在内 - 同一页面上还有其他轮播，它们运行正常。任何帮助将不胜感激。

Answer 1

我想你忘记了items财产了。在您的javascript插入items: 1,中。为什么twitter-bootstrap被标记了？再看一下owl-carousel文档：https://owlcarousel2.github.io/OwlCarousel2/demos/demos.html

Owl Carousel幻灯片所有渲染为一个堆叠块

1 个答案: