cannot target specific element in page
<p>I am using 2 plugins: <em><a href="http://www.twospy.com/galleriffic/index.html" rel="nofollow">gallerific</a></em> and <em><a href="http://www.dynamicdrive.com/dynamicindex4/powerzoomer.htm" rel="nofollow">powerzoomer</a></em> that work ok with one another up until I am trying to target a specific element from the gallery.</p>

<p>The powerzoomer initializes like this and works for various images (example <a href="http://agencia.ro/gallery/1/" rel="nofollow">here</a>): </p>

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

<p>However if I try to target the img from the big preview (like in <a href="http://agencia.ro/gallery/1/index2.html" rel="nofollow">this example</a>) it is not working. I do it like this:</p>

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

<p>The <em>gallerific</em> plugin creates upon initialization code that looks like this:</p>

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

<p>However I understand that the powerzoomer initializes on <em>jQuery(document).ready</em> which means that it is not going to apply any of the properties of this plugin if the code is changed inside the elements of the document. </p>

<p>To conclude: do you have any idea of how can I make the powerzoomer work for the big image from the gallery?</p>

<p><strong>EDIT (solution):</strong></p>

<p>in the file that creates the gallery <em>jquery.galleriffic.js</em> at line 633 there is a new function that creates the new slide that contains the image that I was targeting:</p>

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

<p>After this I added:</p>

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

<p>which creates what I needed: adds the zoom plugin to the main image.</p>
