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/dynamicindex14/fadeinslideshow.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'):

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

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.