Posted By

aznprncritic on 02/04/07

Tagged

css
images
cache

Versions (?)

Last Edited at 02/04/07 07:47pm

Statistics

Viewed 9976 times

Favorited by 0 user(s)

Related snippets

CSS Image Preloader

/ Published in: CSS

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.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

#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();
}

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.