jQuery Slider缩略图宽度

Question

我刚从这里添加了一个jQuery Slider到我的网站：http://demo.tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/demo.html

我想将缩略图图像宽度（样式表中的menuItem）从60像素更改为240像素，因此缩略图图像占据整个容器宽度（960像素）。我认为这是一个通过编辑CSS的简单修复，但当然不是。

最好的方法是什么？我之前从未使用过javascript或jQuery，但我假设可以在script.js表中进行编辑。有任何想法吗？提前谢谢！

Answer 1

我注意到有一个div#menu包含所有缩略图，所以，如果你没有改变div#menu子高度li的高度（缩略图容器，你想改变的大小）不会改变。因此，请首先尝试更改div#menu尺寸。

Answer 2

是否需要第一个李？

<li class="fbar inact">&nbsp;</li>

如果没有，你可以删除它并试试这个

如果你只使用这4个项目，你可以这样做：

li {
    width: 25%;
}

或者jQuery更具动态性：

$(".menuItem").width((100 / $(".menuItem").length) + "%");

但是，您需要编辑活动图像，因为它是60px。