私の要件は次のとおりです。画像（JPEG）を表示する必要があるDIVがあります。ページがレンダリングされると、この div は、画像上の指定された位置 (ポイント) に指定されたズーム倍率で画像を表示する必要があります。画像はこの DIV 内に配置する必要があります (DIV マージンを超えることはできません)。この DIV では、画像を (この最初のズームの後) 移動/パン (マウスまたはスクロールバーによる) およびズームインおよびズームアウト (マウスホイール、ボタン、スライダー、または任意の方法による) できます。特定のイベントでは、DIV は画像の別のポイント (同じまたは別のズーム倍率) を表示 (フォーカス) する必要があります。イベントによってはイメージが変わります。フォーカスがあるポイントから別のポイントに切り替わるとき (ただし、同じページ上)、画像のソースが変更された場合に備えて、画像をリロードしたくありません。
私はここで似たようなものを見つけましたが、私の要件にかなり近いものではありません: http://www.htmldrive.net/items/show/394/JQuery.iviewer-zoom-image-and-to-drag-effect
私は JavaScript の初心者であり、要件のいずれかの部分に関するヘルプは大歓迎です。これを行うことができる（無料の）プラグインを知っている場合は、お知らせください。
私の質問に貴重な時間を割いていただきありがとうございます