jQuery的滑塊縮略圖寬度

Question

我只是增加了一個jQuery的滑塊到我的網站從這裏：http://demo.tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/demo.html

我想從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。