Preloading Images with CSS

Author: Shaunk...

Just came across a nice little tip here.

Preloading images is an important factor in providing streamlined and enjoyable user experience. Avoid, waits, flickers of broken image links and general ugliness with this simple CSS:


#preloader {
/* Images you want to preload*/
background-image: url(image1.jpg);
background-image: url(image2.jpg);
background-image: url(image3.jpg);
width: 0px;
height: 0px;
display: inline;
}

 

0 Response to “Preloading Images with CSS”

Leave a Reply