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; }

Answer 3

只需更改CSS：

.jcarousel-skin-tango .jcarousel-container-horizontal

[将宽度更改为您想要的任何内容]

Answer 4

我最近碰到了同样的问题。事实证明，如果您有早期版本的jQuery，无论您的可见性设置为什么，它都将默认为三个项目。

我在CSS文件中找不到皮肤宽度，所以我可能会遗漏一些东西。

我通过在这里玩它来解决这个问题：http://jsfiddle.net/xNjwh/168/，恢复到我原来的jQuery版本，并且弄乱了以下代码：

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

Answer 5

嗨，这不是一个替代方案。我自己在这个问题上花了一些时间，而我最终的解决方案是使用不同的jQuery carousel插件，它提供了更多的自定义方式，并且其功能几乎相同。

它允许您指定自己的css规则，如果您需要容器项目，这对我想象的非常重要。

jquery-carousel-lite

我与开发者Karl Sweedberg没有任何联系。它基于Ganeshji Marwaha的原始代码。

希望它有所帮助。

麦

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

5 个答案: