jcarousel沒有滾動圖像

Question

我有一個jcarousel圖像庫

但jcarousel根本不工作它根本不滾動圖像

這是我的代碼：

<ul id="mycarousel" class="jcarousel-skin-tango">  
    <?php foreach ($images as $image_item) : ?>
     <li><img src="<?php echo $image_item['Path']; ?>"/></li>
    <?php endforeach; ?>
</ul>

這是我的css：

.jcarousel-skin-tango .jcarousel-container {
    width:500px;
    height:250px;
    background: none;
    border: none;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    height:250px;
    padding: 20px 40px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  500px;
    height: 250px;
}
.jcarousel-skin-tango .jcarousel-item {
    width: 500px;
    height: 250px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-left: 0;
    margin-right: 10px;
}

還有我的js：

$(document).ready(function(){
$('#mycarousel').jcarousel({wrap:'circular'});
});

Answer 1

你的代碼幾乎是正確的 - 你只需要添加“auto：1”（或其他一些非零秒數），它就會開始自動滾動。 如果您不想自動滾動，則需要指定“buttonNextHTML”和“buttonPrevHTML”參數來獲取按鈕。