클릭한 이미지 최상단으로

 

지난 포스팅에서 했던 드래그 앤 드랍 예제를 보면 문제점이 또 있는데 겹쳐진 이미지를 클릭했을때 클릭한 이미지가 최상단으로 오지 않는 문제가 있다.

 

이 문제를 해결하기 위해 이미지를 클릭했을때 클릭한 이미지가 최상단으로 오는 코드를 추가해보자

 

zIndex 변수를 만들고 클릭할때마다 클릭한 대상에 z-index를 +1해서 대입해준다.

var zIndex=100;
$imgs.on("mousedown",function(e){
    zIndex++;
    $dragTarget.css({
        "z-index":zIndex
    })
})