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

我的网站有两张图片，一张是缩略图，一张是原始照片，当我双击缩略图时，原始照片（大于屏幕尺寸）弹出并显示。目前，我整合了一个jquery.viewport插件让用户拖动和查看照片。使用jquery/HTML根据x轴和y轴显示图像？

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

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

谢谢。

2013-10-10 user782104

的可能重复[获取X/Y鼠标点击使用jQuery的图像上的坐标（HTTP：/ /stackoverflow.com/questions/2159044/getting-the-xy-coordinates-of-a-mouse-click-on-an-image-with-jquery） – DevlshOne

它只是越来越xy，我想显示img根据到xy，谢谢 – user782104

一旦你有了X/Y，你可以将它与较大的图像联系起来，甚至可以在较大的图像中绘制一个矩形，缩小到大小缩略图。来吧，伙计，我们确实希望你使用你自己的一些智力。 – DevlshOne

只要使用此：

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

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

来源

2013-10-10 06:53:32 amin

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

回答

相关问题