jQuery zoom multiple images
<p>i'd like </p>

<blockquote>
  <p>to apply the power zoom effect to a collection of images all at once</p>
</blockquote>

<p>like in this example <a href="http://www.dynamicdrive.com/dynamicindex4/powerzoomer.htm" rel="nofollow">http://www.dynamicdrive.com/dynamicindex4/powerzoomer.htm</a></p>

<p>i'm trying in vain but i can't get it to work in fiddle <a href="http://bit.ly/AheChs" rel="nofollow">http://bit.ly/AheChs</a> nor html file</p>

<p>The idea is to make it work for <strong>multiple images</strong></p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//Dtr XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/Dtr/xhtml1-transitional.dtr"&gt;
    &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
        &lt;head&gt;
            &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
            &lt;meta http-equiv="Content-Language" content="fr" /&gt;
            &lt;title&gt;&lt;/title&gt;


&lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="http://nathan-love.com/ddpowerzoomer.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript"&gt;
jQuery(document).ready(function($){ 

jQuery('div.zoom img').addpowerzoom({
magnifiersize: [120, 120]} //Set size of magnifier to 120px by 120px
)

})
&lt;/script&gt;
&lt;/head&gt;
        &lt;body&gt;
   &lt;div class="zoom"&gt;                            
&lt;img id="myimage" src="http://www.destination360.com/europe/france/images/french-riviera-beaches.jpg" alt="" /&gt;

&lt;img id="myimage2" src="http://f.thumbs.redditmedia.com/ZI2tZmWPMLldHK8q.jpg" alt="" /&gt;   


    &lt;/div&gt;

&lt;/body&gt;     
    &lt;/html&gt;
</code></pre>
