jQuery를 사용하여 포인트에서 이미지 표시

Question

클릭 한 위치를 캡처하는 클릭 이벤트 핸들러가있는 이미지가 있습니다.

$("#image").click(function(e) 
{ 
    var x = e.pageX - $(this).offset().left; 
    var y = e.pageY - $(this).offset().top; 
}); 

이미지를 클릭하면 이미지가 이미지 상단의 해당 위치에 나타납니다. 어떻게해야합니까?

Answer 1

absolute positioning 및 top 및 left CSS 속성을 사용하여 계산 한 좌표에 이미지를 배치하십시오.

당신이 위치에 원하는 이미지가 아래 인 경우 :

<img id="move-me" style="position:absolute;display:none;z-index:99" src="/somewhere.jpg"/> 

코드에서 다음 절차 유무 :

$('#move-me').css({ 
    left: x-coord, 
    top: y-coord 
}).show(); 

z-index 속성을 보장하는 이미지가 표시됩니다 오버레이의 다른 모든 요소를 페이지 ...