Cycling Banner

2. Obtain the Script

To make a cycling banner for your web page you need to copy the following script and attach it to the head section of your page.

The code shown in bold should be kept exactly as shown

In my example, I have three images so I need three sets of lines to define three images. You just need to specify as many separate entries as you need for your particular setup.

The one other thing you may want to change is the speed at which the images replace each other. The above code specifies 10000 (10 seconds) as the initial delay before the images start changing (so as to allow time for all of the images to load) and 5000 (5 seconds) for the delay between subsequent changes. You can specify whatever delay periods you want just remeber that the numbers are milliseconds.

Once you have created your code you just save it to an external javascript file. I called mine img1.js. You then link it into the head of your page using the following code:

Now all that remains is to add the images to your page.