jQuery輪播-轉移UL而非LI

Question

我正在從這里使用JQuery Carousel插件： http : //www.thomaslanciaux.pro/jquery/jquery_carousel.htm

我已經這樣設置了：

<script type="text/javascript">
    $(function(){
        $(".carousel").carousel();
    });
</script>

<div id="carouselholder">
<div class="carousel">
    <ul>
        <li><img src="images/1.jpg" alt=""></li>
        <li><img src="images/2.jpg" alt=""></li>
        <li><img src="images/3.jpg" alt=""></li>
    </ul>
</div>
</div><!--CAROUSELHOLDER-->

但是，當我按下“下一步”按鈕時，似乎會使整個ul而不是li轉移。

有誰知道如何解決這一問題？ （或者也許有更好的插件？）

下圖：Element Inspector的屏幕截圖：

Answer 1

該插件的文檔似乎有點苗條。 似乎需要一些其他樣式來使其起作用，但是沒有一個示例可以說明這一點。

您的設置正確無誤，實際上它將移動整個UL分組，僅顯示當前選擇的li。 使用上面的簡單代碼，我所做的就是添加以下CSS以使其起作用：

li {
  float: left;
}

只需在容器中添加更多樣式即可約束視圖，那么您應該一切順利。

Answer 2

我認為這就是工作的意義

如果您在輪播包裝紙上放了一個寬度，那么它只會顯示一張圖片，ul會移動位置以顯示下一張

li標簽不動

如果您想嘗試其他插件，建議您使用http://caroufredsel.dev7studios.com/index.php 。

Answer 3

謝謝大家的幫助，但我發現Cycle插件的修改版本效果更好：

http://jquery.malsup.com/cycle/nowrap.html