title: loading gif before while image loads, then image fades in
body: <p>Here's the jsfiddle I've been messing around with: <a href="http://jsfiddle.net/Hrs2a/" rel="nofollow">http://jsfiddle.net/Hrs2a/</a></p>
  
  <p>Basically, I'm trying to get the loading image to come up while the image is loading and then have the image fade in when it's fully loaded.</p>
  
  <p>I tried to follow the tutorial <a href="http://jqueryfordesigners.com/image-loading/" rel="nofollow">here</a> but couldn't get it to work. What am I doing wrong?</p>