Benjawi.

Have any large images on your site that can take a while to load, even with broadband? The best thing you can do is let your users know that an image is loading, and to do this you need an image loader. A cool place to get one is here, and you can select which loader you want for your site. The image that you download and a little bit of CSS and you won't have to worry about using Javascript to show a “loading” image for all images that have yet to be loaded. The only thing you need to remember is to select a small image loader icon as you want it to load up fast, else you could find your image starts to load before your image loader icon.

The CSS is the simplest part of the lot, all you need is the below, just with the obvious of changing the file name from imageloadericon.gif to what ever you name your loader.

.load{background:url('images/imageloadericon.gif') no-repeat center;}

Then you just need to add the class to your image by wrapping it in a Div tag. 

<div class="load" >
<img src="image.jpg" alt="alternate text" />
</div>

You can also apply this globally throughout your site, instead of individually by using the below CSS.

img{background:url('images/imageloadericon.gif') no-repeat center;}