jQuery滑块缩略图宽度
jQuery滑块缩略图宽度
提问于 2012-06-11 23:57:06
我刚刚从这里添加了一个jQuery幻灯片到我的网站：http://demo.tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/demo.html
我希望将缩略图的宽度(样式表中的menuItem)从60px更改为240px，以便缩略图占据整个容器宽度(960px)。我以为这是通过编辑CSS的简单修复，但它当然不是。
做这件事最好的方法是什么？我以前从未使用过javascript或jQuery，但我假设可以在script.js工作表中进行编辑。有什么想法吗？提前谢谢你！
回答 2
Stack Overflow用户
发布于 2012-06-12 00:14:46
正如我注意到的那样，有一个包含所有缩略图的div#menu，所以，如果你没有改变div#menu的高度，它的子容器的高度li (你想要改变其大小的缩略图容器)将不会改变。因此，尝试先更改div#menu的大小，而不是它的子级。
Stack Overflow用户
发布于 2012-06-12 00:34:38
需要第一个li吗？
<li class="fbar inact"> </li>如果没有，您可以将其移除并尝试此操作
如果你只使用这4个项目，你可以这样做：
li {
width: 25%;
}或者使用jQuery的一些更动态的东西：
$(".menuItem").width((100 / $(".menuItem").length) + "%");而且，你还需要编辑你的活动图像，因为它是60px。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10983591
复制相关文章
相似问题
腾讯云开发者
