2012-06-11 89 views
0

我只是增加了一个jQuery的滑块到我的网站从这里:http://demo.tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/demo.htmljQuery的滑块缩略图宽度

我想从60像素更改缩略图宽度(菜单项样式表),以240像素,所以缩略图取整个容器宽度(960像素)。我认为这是一个通过编辑CSS简单的修复,但当然不是。

这样做的最好方法是什么?我从来没有使用JavaScript或jQuery,但我假设编辑可以在script.js表中进行。有任何想法吗?先谢谢你!

回答

0

正如我注意到有一个div#menu它包含所有缩略图所以,如果你不改变的div#menu高度的儿童的身高是li(缩略图容器要更改其大小)将不会改变。因此,请首先尝试更改div#menu的尺寸。

0

是第一个需要吗?

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

如果不是你可以将其删除,并尝试这个

如果你只使用这4个项目,你可以这样做:

li { 
    width: 25%; 
} 

或更多的东西动态使用jQuery:

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

但是,你也需要编辑你的活动图像,因为它是60px。