Динамический запуск скрипта масштабирования с помощью jquery

Question

Я не знаю, как динамически запускать скрипт jQuery Image Power Zoomer v1.1 из Dynamicdrive.Мне нужно было бы начать масштабирование изображений галереи типа лайтбокса, но когда я вызываю его щелчком (в режиме реального времени), необходимо, чтобы курсор был перемещен из картинки и обратно, чтобы запустить скрипт.Моим предпочтительным методом был бы простой метод mouseenter, но он, кажется, конфликтует с собственными действиями mouseenter-mouseleave скриптов, поэтому я мог бы пойти на компромисс с щелчком, если это необходимо.

Пример страницы здесь: http://baksagaspar.com/MH-work/collections/jungle-under-construction-2

, и я использую этот сценарий для запуска:

jQuery("img#shTopImg").live('click', function() {
jQuery("img#shTopImg").addpowerzoom( { magnifiersize: [200,200] } );
}); 

Любая помощь, пожалуйста, как я могу запустить сценарий динамически

Answer 1

Вам нужно вызвать событие init при загрузке страницы:

jQuery(document).ready(function () {
   $('a.shutterset_set_1 img').addpowerzoom( { magnifiersize: [200,200] } );
});