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

Question

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

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

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

首先十分感谢。

Answer 1

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

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

它仍然需要大量优化，每次鼠标移动时计算宽度和高度，太多了，最好计算一次并使用$.data.

祝你好运！