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

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

这是我的小片段：

 jQuery(document).ready(function () { jQuery('#mycarousel').jcarousel({ size:5, itemLoadCallback: mycarousel_itemLoadCallback }); }); function mycarousel_getItemHTML(mother) { var item = "
"; item += ""; item += "
"; item += "
" + mother.Title + "
"; 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

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

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

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

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

Answer 5

嗨，不是真正的答案，因为更多的替代品。 我自己花了一些时间在这个问题上，我最终的解决方案是使用不同的jQuery carousel插件，它提供了更多的定制方式，并且其function几乎完全相同。

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

jQuery的旋转木马精简版

我不会以任何方式与开发人员Karl Sweedberg联系。 它基于Ganeshji Marwaha的原始代码。

希望它可以帮到某人。

吉米