放大点击大图像到点击的坐标

Question

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

由于图像尺寸太大，因此在页面加载和缩放状态下都需要可拖动。

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

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

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

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

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

Answer 1

别。最简单 - 特别是如果它是用于演示 - 只是使用两个图像。 image1.onclick - ＆gt; show image2; image2.onclick - ＆gt;显示image1。保存编码，做你想做的事。