CSS: Loading Image

gistfile1

Add a “loading image” to, well, loading images
Useful for those with high-resolution image-heavy websites, like portfolio or gallery sites. Instead of having visitors stare at a blank section of your page wondering if they need to refresh or something, you can have a animated GIF image of a “loading circle” giving visual confirmation that everything’s fine and the image is loading.
Animated GIF is not included, you could create your own here: Ajaxload – Ajax loaing GIF generator.

img {
   background: url(loader.gif) no−repeat 50% 50%;
}