Показать изображение в точке с помощью 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 обеспечивает изображение показано наложений все остальные элементы на страница ...