Posted By

SunilTee on 08/11/09

Tagged

css
html
images

Versions (?)

Last Edited at 08/11/09 08:12am

Statistics

Viewed 1769 times

Favorited by 1 user(s)

Related snippets

Preload images using CSS

/ Published in: CSS

This is a really useful techniques for preloading images on your website. Just place this code after the body tag in the CSS file. Everytime you refer to this image in your CSS file the image will be loaded from cache.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

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

Report this snippet Tweet

Comments

You need to login to view comments.