Is it possible to animate Jquery .CSS background change?
<p>I am attaching background images to the body element using this: </p>

<pre><code>&lt;script&gt;
$(document).ready(function(){

    $("body").css( "background" , "url(someimage.jpg)");

});
&lt;/script&gt;
</code></pre>

<p>This is nice, but the background images are really large and I would like to fade them in using fadein() or something once they have loaded all the way. However, I can't seem to find a way to do this with jQuery or javascript. Is there one? Any clever suggestions? I can import the jquery-ui library if that would help. </p>

<p>So to be clear, what I need to happen goes something like this:</p>

<blockquote>
  <p>Page loads -> Image finishes loading -> Image fades into being the
  background image for the body element</p>
</blockquote>
