CSS:


#preloadedImages {
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url(images/bgcol.jpg);
       background-image: url(images/cranback1.jpg);
       background-image: url(images/fresh.gif);
       background-image: url(images/butfarm.gif);
       background-image: url(images/butberry.gif);
       background-image: url(images/buthistory.gif);
       background-image: url(images/buthealth.gif);
       background-image: url(images/butrecipes.gif);
       background-image: url(images/butlocation.gif);
       background-image: url(images/logo.jpg);
       background-image: url(images/abfarm.jpg);
}



HTML: 
<div id="preimages"></div>