如何在jCarousel中更改图像宽度？

Question

http://sorgalla.com/projects/jcarousel/

上面是我正在使用的carousel应用程序(目前比较流行的开源程序之一)，我不知道如何更改默认的图像宽度，因为我有十几张左右的图片，它们的像素宽度都是170px，而当前的设置似乎设置在80px左右，这使得所有的图像都重叠了，我该如何更改呢？有没有办法也增加一些保证金？我尝试在jcarousel/skins/tango/skin.css中更改css，但显然，即使我删除了css文件中的所有内容，carousel页面也不会受到任何影响-当我删除链接时，carousel将停止工作，并变成一个带有静态图像的宽div，这对我来说非常奇怪。

Answer 1

该轮播使用<img>标记，这意味着您必须在标记中指定每个宽度，如下所示：

<img src="..." height="..." width="170" />

或者在CSS文件中使用img选择器，如下所示：

.jcarousel-skin-tango .jcarousel-item-horizontal img {
    width: 170px;
}

无论哪种方式，您还必须使carousel容器足够宽，以容纳其内容。您可以为包含的ul提供较大的宽度(多余的部分无论如何都会被隐藏)，如下所示：

ul#carousel {
   width: 99999px;
}

旋转木马无论如何都会停在最后一张图片上，但至少你会知道你有足够的空间来容纳你有多少张图片，并防止重叠。