在第1頁上創建多個jQuery圖像平底鍋

Question

Manos有一個非常棒的腳本，它允許您在懸停時平移裁剪後的圖像。這裏是code，這裏是一個demo

我想要做的是將一個頁面上的多個圖像放在不同的大小爲每個圖像。 （我嘗試爲此創建JSfiddle，但效果不佳...）

我試圖在頁面上添加多於1個，但每個圖像都反映該操作，並且每個實例都需要完全相同的大小的圖像或它無法計算正確的平移。

非常感謝。

Answer 1

而不是使用全局$imagePan修改MouseMove函數接受上下文中的圖像，而不是使用id的你應該使用類。

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

它仍然需要重優化，計算每次移動鼠標，實在是太多了，一旦好來計算它，使用它$.data保存圖像的寬度和高度。

祝你好運！