Создание нескольких панелей изображений jQuery на 1 странице

Question

Существует замечательный сценарий от Manos, который позволяет панорамировать обрезанное изображение при наведении на него курсора.Вот код , а вот демо 1004 *

Я хотел бы разместить несколько изображений на одной странице с различными размерами для каждого изображения.(Я попытался создать JSfiddle для этого, но это не сработало ...)

Я попытался добавить более 1 на страницу, но каждое изображение отражает действие, и каждый экземпляр должен быть точно такого же размераизображение или он не может рассчитать правильное панорамирование.

Заранее большое спасибо.

Answer 1

Вместо использования глобального $imagePan измените функцию MouseMove, чтобы принимать изображение в контексте, и вместо использования идентификаторов вы должны использовать классы.

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

Это все ещенуждается в тщательной оптимизации, вычисляя ширину и высоту при каждом перемещении мыши, это слишком много, лучше рассчитать его один раз и сохранить в изображении, используя $.data.

Удачи!