在jCarousel中设置可见图像的数量

Question

我将jCarousel集成到了我的asp.net页面中,但它始终只显示3个图像.如果我需要一次显示10个图像,那么我应该在代码中更改什么？

这是我的小片段:

jQuery(document).ready(function () {
    jQuery('#mycarousel').jcarousel({
        size:5,
        itemLoadCallback: mycarousel_itemLoadCallback
    });
});

function mycarousel_getItemHTML(mother) {
    var item = "<div>";
    item += "<img src='" + mother.Image + "' width='75' height='75' />";
    item += "</div>";
    item += "<div>" + mother.Title + "</div>";
    return item;
};

Answer 1

试试这个

jQuery('#mycarousel').jcarousel({
    visible: 3
});

Answer 2

需要改变容器和夹子的宽度 ; 并通过可见项增加项目编号:10

JS

jQuery('#mycarousel').jcarousel({
    visible: 10
});

CSS

.jcarousel-skin-ie7 .jcarousel-container-horizontal
{
    width:750px;
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width:740px; 
}