在 1 页上创建多个 jQuery 图像平移

Question

Manos 有一个很棒的脚本，它允许您在将鼠标悬停在裁剪的图像上时对其进行平移。这是code，这是demo

我想做的是在 1 页上放置多个图像，每个图像的大小不同。 （我尝试为此创建一个 JSfiddle，但效果不佳......）

我试图在一个页面上添加超过 1 个，但每个图像都反映了操作，并且每个实例都需要是完全相同大小的图像，否则它无法计算正确的平移。

非常感谢。

Answer 1

不要使用全局 $imagePan 修改 MouseMove 函数以在上下文中接受图像，而不是使用 id，您应该使用类。

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

还是需要重度优化，每次鼠标移动都要计算宽高，太多了，最好计算一次，用$.data保存到图片中。

祝你好运！