jQueryを使用して複数の画像から画像のボックスシャドウを設定する

Question

大きな画像を中央に表示し、小さい方の画像をその両端に表示するjQueryギャラリーを使用していて、いくつかのエフェクトを追加したい。ギャラリーは、コンテナdiv、クラス "gallery"で指定された数の画像を取得し、それがギャラリーを生成します。個々のクラスやIDをイメージに追加することはできません。jQueryを使用して真ん中を選択する方法を見つけようとしています。

私が達成しようとしているのは、画面の外に出ているように見えるように画像上にボックスシャドウを設定してから、もう一度外側のスペースに移動した後にシャドウを取り除くことです。私はすべての画像に同じ影を設定するためにjQueryを使うことができますが、これは私が望むものではなく、jQueryなしでも実現できます。

アイデアは大変ありがとうございます。

Answer 1

拡大表示すると、選択した画像には、z-インデックスが適用されているように見えます。 jQueryを使用してその要素を見つけ、Z-インデックス値をテストすることができます。このようなことがうまくいくかもしれません：

if($('.gallery img').css('z-index') > 0)) { 
    // do something like add toggle a class 
}