Images delay in slide show before they display
<p>So im trying to use my images as a background, and I want them to be on a loop so it changes between the three, below is my code the looping seems to be working but I have two issues I can't seem to resolve: </p>

<ul>
<li><p>the timer starts before the slides do (the screen is black for 7
seconds and then the first image shows, im assuming the timer is in
the wrong section of the code but I moved it around a few times and
it does the same thing. how do I get it to load the site with the
first image?</p></li>
<li><p>the images show up very small and don't fill out the screen like I want it to (automatically) ive tried several codes that should automatically figure out screen size and fill it accordingly, but they dont seem to work...any suggestions?</p></li>
</ul>

<p>
    </p>

<pre><code>&lt;head&gt;
    &lt;meta http-equiv="Kess Agency" content="text/html; charset=iso-8859-1"/&gt;
    &lt;meta http-equiv="Content-Language" content="en-us"&gt;
    &lt;meta http-equiv="created by kess" content="en-us"&gt;
    &lt;style&gt;
    body{
        background-attachment: fixed;
        background-repeat:no-repeat;
        background-position: 300 200;

    }
    &lt;/style&gt;
&lt;script src="js/jquery-1.8.3.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
//auto resize



    var imgs=new Array()
    imgs[0]="images/img1.png";
    imgs[1]="images/img2.png";
    imgs[2]="images/img3.png";
    //time between slides
    var speed=7000
    //preload images
    var processed=new Array()
    for(i=0;i&lt;imgs.length;i++){
        processed[i]=new Image();
        processed[i].src=imgs[i];
    }
    var inc=-1;
    function slideimg(){
        if (inc&lt;imgs.length-1)
            inc++;
        else
            inc=0;
        document.body.background=processed[inc].src;
    }
    if (document.all || document.getElementById)
    window.onload=new Function('setInterval("slideimg()",speed)');

&lt;/script&gt;

&lt;/head&gt;
 &lt;body&gt;
     &lt;p class= "type"&gt;&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;​
</code></pre>
