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

Your code is almost correct -你只需要添加"auto: 1“(或其他一些非零秒数)，它就会开始自动滚动。如果你不想要自动滚动，你需要指定"buttonNextHTML“和"buttonPrevHTML”参数来获取按钮。