title: How can I replicate this image zoom animation effect in jQuery/javascript?
body: <p>When clicking on the thumbnail on the image on this site: <a href="http://www.grouprecipes.com/138587/banana-oatmeal-chocolate-chip-cookies.html" rel="nofollow">http://www.grouprecipes.com/138587/banana-oatmeal-chocolate-chip-cookies.html</a>, it expands and loads the original (full-size) version of the image.</p>
  
  <p>I think they are using prototype or something similar. I've been looking around on here and have <a href="http://jsfiddle.net/ArondeParon/dvufy/2/" rel="nofollow">only</a> mainly <a href="http://jsfiddle.net/nick_craver/JqDMR/" rel="nofollow">found</a> examples that just increase the size of the original image and don't actually load another version of the image (like the linked example does).</p>
  
  <p>Anyone care to help me figure out what techniques I should use for this? Combination of CSS3 and some <code>.animate()</code>?</p>