preload a gif before the preloader
<p>On <a href="http://camandbenny.com" rel="nofollow">this site</a> I have a preloader with a custom animated gif.  It's down to 50k - but the client says it is going in slow motion.  I can only assume that it is loading slowly.  I am using this code:</p>

<pre><code>document.write('&lt;div id="loader" style="position:absolute;top:0px;left:0px;z-index:100;width:100%;height:100%;background-color:#521f18;display:block;"&gt;&lt;div style="position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-130px;"&gt;&lt;img src="&lt;?php bloginfo('
template_directory '); ?&gt;/img/loader4.gif"&gt;&lt;/div&gt;&lt;/div&gt;');
jQuery(window)
    .load(function () {
    jQuery("#loader")
        .delay(4000)
        .fadeOut(1000);

    //Your Javascript Here

});
</code></pre>

<p>Does anyone know of a solution where the background comes in, THEN the #loader doesn't until the gif is fully loaded?  Or of anyother solutions ?</p>

<p>Thank you.</p>
