放大点击大图到点击坐标

Question

所以我有一个大的 jpg，12000 像素宽 x 1000 像素高。我正在寻找一个网站，在页面加载时图像大小为 50%，但是当用户单击图像一次时，它会放大到 100%，然后在第二次单击时，它会缩小到原始大小。

由于图像的尺寸如此之大，它需要在页面加载和缩放状态下都可以拖动。

我一直在玩这个，但代码并不是我想要做的。

http://designshack.net/tutorialexamples/jQueryZoom/ZoomTest.html

相反，我希望基本上做与本网站的放大状态相同的事情，减去点击进入缩放状态的步骤。

http://yogasmoga.com/women/run-jump-n-play-crop-462

如果有人有使用过的插件，请告诉我。

Answer 1

不要。最简单的——尤其是用于演示的时候——就是使用两张图片。 image1.onclick -> 显示 image2； image2.onclick -> 显示 image1。节省编码，随心所欲。