title: center zoom an image after clicking on it (JQuery)
body: <p>I wrote a jquery function to zoom the image.
  The first line hides all the images and the last line zooms the current image.
  In between i have written code based on logic for displaying image in the center.
  But it is not working, can anybody help?  </p>
  
  <pre><code>     $("img").animate({opacity: "0.001", left: '0px'})
  
       var imgPosX = ( $(window).width() - $("this").width() )/2; 
       var imgPosY = ( $(window).height() - $("this").height() )/2; 
  
       $(this).css({"top": imgPosY+"px", "left": imgPosX+"px"}); 
       $(this).animate({opacity:"1", zoom: '150%'}, 'medium');},
  </code></pre>