Return to Snippet

Revision: 2371
at February 4, 2007 19:47 by aznprncritic


Initial Code
#preloadedImages {
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url(path/to/image1.png);
       background-image: url(path/to/image2.png);
       background-image: url(path/to/image3.png);
       background-image: url(path/to/image4.png);
       background-image: url();
}

Initial URL

                                

Initial Description
A low-tech but useful technique that uses only CSS.  After placing the css in your stylesheet, insert this just below the body tag of your page: "".  Whenever the images are referenced throughout your pages they will now be loaded from cache.

Initial Title
CSS Image Preloader

Initial Tags
css, images, cache

Initial Language
CSS