CSS Image Preloader

/ Published in: CSS
Save to your folder(s)

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.

Copy this code and paste it in your HTML
  1. #preloadedImages {
  2. width: 0px;
  3. height: 0px;
  4. display: inline;
  5. background-image: url(path/to/image1.png);
  6. background-image: url(path/to/image2.png);
  7. background-image: url(path/to/image3.png);
  8. background-image: url(path/to/image4.png);
  9. background-image: url();
  10. }

Report this snippet


RSS Icon Subscribe to comments

You need to login to post a comment.