貓頭鷹旋轉木馬幻燈片所有呈現爲一個堆積塊

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> 

中的JavaScript在我的HTML文件的底部是：

$('.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; 
} 

的CSS的兩個和貓頭鷹JS文件旋轉木馬和JavaScript也已被正確包含 - 同一頁面上還有其他的旋轉木馬，並且它們工作正常。任何幫助將不勝感激。

Answer 1

我想你忘了items屬性。在你的javascript插入items: 1,。此外，爲什麼twitter-bootstrap被標記？再看看貓頭鷹傳送帶文檔：https://owlcarousel2.github.io/OwlCarousel2/demos/demos.html