title: Show the <body> background-image when the image itself is ready
body: <p>Basically I let the webpage load everything, but since the image is huge, I rather not show it while the browser is still downloading it. </p>
  
  <p>Instead, I want to show this background (with a <strong>fading effect</strong>) when the browser finishes downloading the image. </p>
  
  <p>The thing is, that the <code>background-image</code> must be set inside the <code>body</code> tag, so I don't want to apply jQuery by using <code>$('body').hide;</code> or <code>$('body').show;</code> because it hides practically the entire webpage.</p>
  
  <p>I've been searching this feature but I only found cases when people wanted to show/hide them in another tag (instead of the all-wrapping one (<code>body</code> in my case)).</p>
  
  <p>Is it possible or I'm just reaching Mars itself? Thanks for your help!</p>