title: Simple way to preload images then fadein with JQuery
body: <p>I have a full size image and I want the page to show a loading gif until the image is ready to load, then fadein and then run other transitions afterwards as I have fadein div effect too.</p>
  
  <p>So this is what I want to happen:
  1 - Loading gif appears
  2 - Full page image loads
  3 - loading gif fades out
  4 - Other jQuery animations run</p>
  
  <p>I can code the individual animations but I don't know how to combine the sequence so they all work together. Any info would be ace?</p>