large file needs loading icon

[well being by design]

I have a large JPG on my website. Down here in the Caribbean, our high speed is sputtering along. How do I add a loading icon so viewers know to wait for what's coming up?

[ItsMeOnly]

how about:



.bigimage {
background-image: url(please_wait_while_loading.gif);
background-position: 50% 50%;
background-repeat: none;
}

[mburt]

The image will still have to load into the user's cache before it can be displayed. This doesn't work for dial-up users.

[jscheuer1]

It could work, if the loading image is of a small byte size and preloaded or even just mentioned in the code before the larger image, it will display until the larger image can.

[mburt]

<img lowsrc="loadingImage.gif" src="largeImage.gif">

[jscheuer1]

<img lowsrc="loadingImage.gif" src="largeImage.gif">

Not supported in modern browsers as far as I know. Have you ever seen this actually work?