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

Show the image according to x-axis and y-axis using jquery/ HTML?

本文关键字：显示 显示图 图像 轴和 jquery HTML 根据 使用      更新时间：2023-09-26

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

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

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

谢谢。

只需使用这个：

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

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

相关文章：