したがって、幅12000px、高さ1000pxの大きなjpgがあります。ページの読み込み時に 50% のサイズの画像を持つサイトを作成しようとしていますが、ユーザーが画像を 1 回クリックすると 100% にズームインし、2 回目のクリックで元のサイズにズームアウトします。
画像のサイズが非常に大きいため、ページの読み込み時とズーム状態の両方でドラッグできるようにする必要があります。
私はこれで遊んでいますが、コードはまさに私がやろうとしているものではありません。
http://designshack.net/tutorialexamples/jQueryZoom/ZoomTest.html
代わりに、私は基本的に、このサイトのズームイン状態と同じことを、ズーム状態へのクリックのステップを除いて実行しようとしています。
http://yogasmoga.com/women/run-jump-n-play-crop-462
使ったことのあるプラグインがあれば教えてください。