使用jquery / HTML根据x轴和y轴显示图像？

Question

我的网站中有两个图像，一个是缩略图，一个是原始照片，当我双击缩略图时，弹出并显示原始照片（大于屏幕尺寸）。 目前我集成了一个jquery.viewport插件，让用户可以拖动并查看照片。

问题是，当我双击缩略图时，我想保存点击的坐标，基于坐标显示原始照片。

这意味着，例如，如果我双击缩略图的左下角，当原始照片弹出时，它也将显示在左下方，是否有可能并且有任何方法可以实现此目的吗？ / p>

感谢。

Answer 1

请使用此：

$(document).ready(function() {
  $('img').click(function(e) {
    var offset = $(this).offset();
    alert(e.clientX - offset.left);
    alert(e.clientY - offset.top);
  });
});

这是一个实例： Example