[jQuery] Preload of images before site shown/jquery cycle preload images?

[leewhitehouse]

Ok...

I've successfully managed to invoke jquery.cycle.lite.js and apply it
to the designated div on my site. However on the page load it displays
all of the banner images and looks very ugly. Is there anyway I can
hide this? Possibly preload more of the site?

The code used on http://www.linksphere.co.uk for my images:

   <div id="featured">
                    <img src="{$img_dir}featured-banner.png"
width="600" />
                    <img src="{$img_dir}antecbanner.png" width="600" /
>
                    <img src="{$img_dir}atirampagebanner.png"
width="600" />
                    <img src="{$img_dir}belkinbanner.png" width="600" /
>
                    <img src="{$img_dir}bullguardbanner.png"
width="600" />
                    <img src="{$img_dir}cherrybanner.png" width="600" /
>
                    <img src="{$img_dir}gtx295banner.png" width="600" /
>
                    <img src="{$img_dir}nvidiabanner.png" width="600" /
>
                    <img src="{$img_dir}swannbanner.gif" width="600" /
>
   </div>

Any help would be much appreciated!