title: How can I display a loading gif until an entire html page has been loaded
body: <p>I have a webpage that's pretty intensive via HTML and CSS, which leads to some elements loading faster then others when a user visits the page. The background may take awhile to load, and so on... It gets pretty ugly seeing it all load element by element... </p>
  
  <p>So I'm wondering how I can first load a different page (page1, that has simply a gif and bare minimals of html) and then page2 (page with intensive html) will appear only after the client's browser has fetched all of the pages html. </p>
  
  <p>I believe this can be done with JQuery, which I know almost nothing about...</p>
  
  <p>Any advice would be appreciated,
  Thanks,</p>