javascript - 画像をクリックすると前に移動しますか？

Question

このような関数を作成できるように、誰かが私を正しい方向に向けることができますか?

画像のスタック内の画像をクリックすると、その画像が前面に表示されるようなものを作成したいと考えています。

それの名前を見つけることができないようです。

Answer 1

$("img.myclass").click(function() {
     $("img.myclass").not(this).css("z-index", 0);
     $(this).css("z-index", 100);
});

あなたが始めるのを助けるはずです

Answer 2

画像が で配置されている場合はposition: absolute、onclick ハンドラーを追加して、z-index.

Answer 3

グローバルzIndex変数があり、最新の値 + 1 で更新するだけです。

var zIndex = 0;
$('.myImageClass').click(function(){
  zIndex++;  
  $(this).css('zIndex', zIndex);
});

z-index は、静的以外に配置されている要素 (つまり、相対、絶対、または固定) にのみ影響します。

この方法を使用すると、他のすべてを常にデフォルトに戻すのではなく、任意の順序で配置できます。