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”参数来获取按钮。