title: Click to Zoom and Resize image in javascript
body: <p>I would like to do something similar to the effect in the link below.</p>
  
  <p><a href="http://wallbase.cc/wallpaper/549871" rel="nofollow">http://wallbase.cc/wallpaper/549871</a></p>
  
  <p>The image is initially rendered depending on the users screen resolution, and if the image is larger than the screen resolution of the user,on click the image in resizes in steps.</p>
  
  <p>Can somebody guide me how to go about it. </p>
  
  <p>I am not that good in jQuery,So would appreciate a "For Dummies" approach.</p>
  
  <p>Thanks</p>