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

Question

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

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

这意味着，例如，如果我双击缩略图的左下角，当原始照片弹出时，它也会显示在左下角，是否有可能并且有什么方法可以实现这一点？

谢谢。

Answer 1

只需使用这个：

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

这是一个活生生的例子： 例子