Rollover Gallery

3. Add to Your Page

All that remains to be done (assuming you added the image rollover processing before amending it to add the captions) is to amend your web page to add the caption field and change the onmouseover events to call the rollover function so that both the image and caption get updated.

Here is the code that you need to add within the body of the page where you want the caption to appear:

The content of the paragraph should be the same as the first entry in the cap array as that is the caption for the image that displays when the page first loads.

The final step is to update the mouseovers. To do this you simply locate all of the occurrences of the following code (the numbers as shown in bold will vary):

You now replace each of those pieces of code with the following instead (you just need to retain the number from the original code):