0

ここからjQueryスライダーを自分のサイトに追加しました：http：//demo.tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/demo.html

サムネイル画像の幅（スタイルシートのmenuItem）を60ピクセルから240ピクセルに変更したいので、サムネイル画像はコンテナの幅全体（960ピクセル）を占めます。これはCSSを編集することによる簡単な修正だと思いましたが、もちろんそうではありません。

これを行うための最良の方法は何でしょうか？これまでjavascriptやjQueryを使用したことはありませんが、script.jsシートで編集できると思います。何か案は？前もって感謝します！

4

2 に答える 2

0

最初のliが必要ですか？

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

そうでない場合は、それを削除してこれを試すことができます

これらの4つのアイテムのみを使用している場合は、次のことができます。

li {
    width: 25%;
}

またはjQueryでより動的なもの：

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

ただし、アクティブな画像は60ピクセルなので、編集する必要があります。

于 2012-06-11T16:34:38.040 に答える
0

私が気づいたdiv#menuように、すべてのサムネイルを含む があるので、div#menuその子の高さを変更していない場合li(サイズを変更したいサムネイル コンテナ) は変更されません。div#menuしたがって、その子よりも最初にサイズを変更してみてください。

于 2012-06-11T16:14:46.303 に答える