javascript - 放大点击大图到点击坐标

Question

所以我有一个大的 jpg，12000px 宽 x 1000px 高。我正在寻找一个网站，在页面加载时图像大小为 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。节省编码，做你想做的事。