не может предназначаться конкретный элемент в странице

Question

Я использую 2 плагинов: gallerific и powerzoomer, которые работают хорошо друг с другом, пока я не пытаюсь целевой конкретный элемент из галереи.

powerzoomer инициализирует, как это и работает для различных изображений (например, here):

$('img').addpowerzoom({ 
defaultpower: 2, 
powerrange: [2,0], 
largeimage: null, 
magnifiersize: [150,150] 
}) 

Однако, если я пытаюсь целевой IMG от большого предварительного просмотра (например, в this example) она не работает. Я делаю это так:

$('#slideshow img').addpowerzoom({ 
defaultpower: 2, 
powerrange: [2,0], 
largeimage: null, 
magnifiersize: [150,150] 
}) 

gallerific плагин создает при инициализации кода, который выглядит следующим образом:

<div id="slideshow" class="slideshow"> 
<span class="image-wrapper current" style="opacity: 1; "> 
<a class="advance-link" rel="history" href="#img4" title="your image title">&nbsp; 
<img alt="your image title" src="images/image(3).jpg"> 
</a> 
</span> 
</div> 

Однако я понимаю, что powerzoomer инициализирует на JQuery (документ) .ready что означает, что он не будет применять какие-либо свойства этого плагина, если код будет изменен внутри элементов документа.

В заключение: есть ли у вас какие-либо представления о том, как я могу заставить powerzoomer работать для большого изображения из галереи?

EDIT (раствор):

в файле, который создает галерею jquery.galleriffic.js в строке 633 есть новая функция, которая создает новый слайд, содержащий изображение, которое я таргетирования :

newSlide.find('a') 
.append(imageData.image) 
.click(function(e) { 
gallery.clickHandler(e, this); 
}); 

После этого я добавил:

newSlide.find('img').addpowerzoom({ 
defaultpower: 2, 
powerrange: [2,0], 
largeimage: null, 
magnifiersize: [150,150] 
}) 

, который создает то, что мне нужно: добавляет плагин масштабирования к основному изображению.

Answer 1

Я взглянул на powerzoomer js ... он напрямую сканирует только изображения. Следовательно, если вы хотите заставить его работать для больших изображений. Попробуйте использовать

$('#slideshow').find('img').addpowerzoom({ 
defaultpower: 2, 
powerrange: [2,0], 
largeimage: null, 
magnifiersize: [150,150] 
})