Incuded in this script is a function for preloading your images. It is a good idea to make your image file size as small as possible. This can be done in most good graphics programs which optimise pictures specially for putting in web pages.
I will demonstrate with just 3 very small pics as follows:-
1) Assemble your pictures
These do not have to be the same size, if they are not you will need to change your settings in the script to fit the largest one, (although it should be said that
it looks better when they are the same size.)
I've just used very small ones the same size for fast loading for this tute!
2) Place the code below between the <head > and </head > on in your page.
This is done by clicking on Select all (the script will then be highlighted) and then Edit/Copy (Ctrl+C) open the page you want the script in, and go to Edit/Paste (Ctrl+V).
3) Place the code below between the <body > and </body> tags of your page.
Using the same method as above.
Of course replace the pictures and text with your own in the script in box 3
You can also slow down or speed up your slideshow, by going to the - setTimeout("bannerRotate()", 4000); part of your script. 4000 means 4 seconds, 5000, 5 seconds and so on. Thats it your'e done.
Easy isn't it!
I have to say that for me this fairly "idiot proof" and clear script worked really well and I hope that you too will find it very useful.