Rollover Gallery

2. Obtain the Script

To make a rollover gallery for your web page you first need to preload all of the larger images using a Javascript in the head section of your page.

Here is the code that I used for the sample 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 and load the particular graphical images I want associated with them. You just need to specify as many separate entries as you need for your particular setup.

Once you have created your code you just save it to an external javascript file. I called mine img.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.