jquery - jQuery 滑块缩略图宽度

Question

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

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

score 0 · Accepted Answer

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

score 0 · Accepted Answer

需要第一个 li 吗？

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

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

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

li {
    width: 25%;
}

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

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

而且，您需要编辑您的活动图像，因为它是 60 像素。

2 回答 2