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

Question

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

以上是我正在使用的旋转木马应用程序（目前比较流行的开源软件之一）我无法弄清楚如何更改默认图像宽度，因为我有十几张图片都有像素宽度为170像素，但当前设置似乎设置在80px左右，这使得所有图像重叠，我该如何更改？有没有办法增加一些保证金？我尝试在jcarousel / skins / tango / skin.css中更改css但显然，即使我删除了该css文件中的所有内容，旋转木马页面上也没有任何影响 - 当我删除链接时，旋转木马停止运行并变成宽div与静态图像，这对我来说很奇怪。

Answer 1

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

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

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

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

无论哪种方式，您还必须使旋转木马容器足够宽以容纳其内容。你可以给包含ul一些大的宽度（多余的将被隐藏），如：

ul#carousel {
   width: 99999px;
}

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