jQuery 滑块缩略图宽度

【问题标题】：jQuery Slider Thumbnail WidthjQuery 滑块缩略图宽度
【发布时间】：2012-06-14 13:32:02
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

我注意到有一个 div#menu 包含所有缩略图，因此，如果您不更改 div#menu 的高度，则其子级的高度为 li（您要更改其大小的缩略图容器）不会改变。因此，尝试先更改 div#menu 的大小而不是其子级。

【讨论】：

【解决方案2】：

需要第一个 li 吗？

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

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

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

li {
    width: 25%;
}

或者使用 jQuery 更动态的东西：

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

此外，您需要编辑活动图像，因为它是 60 像素。

【讨论】：