1つのページに複数のjQuery画像パンを作成

Question

マノスのすばらしいスクリプトがあります。これは、上に置かれたときに切り取った画像をパンすることができます。ここにはcodeがあり、ここにはdemo

としたいのですが、それぞれの画像ごとにさまざまなサイズの画像を1ページに配置したいと考えています。 （私はこれに対してJSfiddleを作成しようとしましたが、うまく機能しませんでした...）

ページに1つ以上を追加しようとしましたが、各イメージはアクションを反映し、各インスタンスは正確に同じサイズのイメージ適切なパンを計算することはできません。

ありがとうございます。

Answer 1

グローバルを使用する代わりに、$imagePan MouseMove関数を変更してコンテキスト内の画像を受け入れ、idを使用する代わりにクラスを使用する必要があります。

http://jsfiddle.net/VPr52/9/

それはまだたびに、マウスの移動を幅と高さを計算し、重い最適化を必要とする、一度それを計算し、$.dataを使用して画像に保存した方が良い、あまりにも多くのです。

幸運を祈る！