Image zoom using animate()
<p>I have found one website for image zooming using animate(). But in that he had implemented on  elements. I am trying to make it to work on any image.   </p>

<p><a href="http://jsfiddle.net/tJDmJ/" rel="nofollow">Here is the link to the code</a>  </p>

<p>My requirement is to find an image tag automatically and apply this effect on it. For this i have changed the code </p>

<pre><code> $('ul.gallery li img')  to $('img')
</code></pre>

<p>assuming that below is my HTML code..  </p>

<pre><code> &lt;img src="/xxx.jpg"&gt;&lt;p&gt;jghjghjegejf&lt;/p&gt;&lt;img src="/2.jpg"&gt;
</code></pre>

<p>But the zoom image is appearing at the left corner of the window.   </p>

<p><a href="http://jsfiddle.net/jamwaffles/y7Cee/" rel="nofollow">Here is the link to jsfiddle</a></p>
