title: Fade in images after they have loaded
body: <p>I found this code to achieve the desired effect and tried it on JSFiddle</p>
  
  <p><a href="http://jsfiddle.net/AndyMP/7F9tY/366/" rel="noreferrer">http://jsfiddle.net/AndyMP/7F9tY/366/</a></p>
  
  <p>It seems to work in that it fades the image in after it has loaded. Then I tried it in a webpage and it didn't work the same way, loading the image first rather than fading it in. Although sometimes it seemed like it was fading in at the same time as it loaded.</p>
  
  <p>Is there a more reliable way of achieving this, preferably by amending this code if possible?</p>
  
  <p><code>$("#image").ready(function(){
        $("#preload").fadeIn(1000);
  });
  </code></p>