title: better way to center-zoom images?
body: <p>I put together a little jquery function to zoom in and out of an image on mouseover, while keeping the constraining box size constant.</p>
  
  <p>Demo it here: <a href="http://jsfiddle.net/q9jHu/" rel="nofollow">http://jsfiddle.net/q9jHu/</a></p>
  
  <p>It works great, but if you jiggle the cursor quickly between the images, it goes haywire. The script stores the size incorrectly when in mid-zoom. I've tried adding <code>.stop()</code> to the equation, but can't seem to fix the glitch.</p>
  
  <p>I'm guessing I should store the data with <code>.each()</code> instead of on mouseover, but I don't know how to do this.</p>
  
  <p>Any ideas?</p>