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