jquery - アクティブな状態を表示する JQUERY スライドショーのサムネイル

Question

現在選択されている背景画像が表示される、サムネイルの「アクティブ」状態について誰かが助けてくれることを期待していました。テスト リンクについては、www.shahidmirzadesign.co.uk/crystal/ にアクセスしてください。遊ぶための jsfiddle は次のとおりです。

http://jsfiddle.net/AE3Zx/1/

私が望むのは、白から赤への微妙な背景色の変更です。

事前に、助けてくれてありがとう。

Answer 1

クリックイベントのコールバック関数に次の行を追加できます

$this.parent().css({backgroundColor: '#f1342c'}).siblings('li.thumbs').css({backgroundColor: 'rgb(255, 255, 255)'});

上記の行は、クリックされた画像の親 (つまりli要素) を選択し、背景色を赤に変更し、セレクターに一致する兄弟 (つまりli、 class を持つ要素thumbs) を選択し、選択した兄弟の背景色を白に変更します。

Jsfiddleを見る