放大點擊大圖的座標點擊

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 - > show image2; image2.onclick - > show image1。保存編碼，做你想做的。