How to play the loading image before slides play?

[jornessim]

1) Script Title: Ultimate Fade In Slideshow v2.0

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamici...nslideshow.htm

3) Describe problem:
I have put "Ultimate Fade In Slideshow v2.0" on my website. Because of the images sometimes load slow. I would like to ask, how to play the loading images before those slides playing? What should i amend in the code in order to play the loading image? Can you show me? Thanks!

[jscheuer1]

If you haven't already, grab the loading image (right click and 'save as'):



or:

http://www.dynamicdrive.com/dynamicindex14/loading.gif

Upload it to the same folder as the page.

Put this in the head of the page:

<style type="text/css">
#fadeshow1, #fadeshow1 .gallerylayer {
	background-image: url(loading.gif) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}
</style>

or add its rules to an existing stylesheet for the page where fadeshow1 is the wrapperid for the slideshow.