Many Links, One Rollover Starflower
Each of these links changes the image when the mouse is over the link

Many Links, One Rollover


A different type of rollover is where several links all share a single image. When the mouse is over a link, the image changes to something relevent for that link. When the mouse is over another link, the same image changes to a picture relevent to that link.

The technique described in the next few pages makes creating a many-links-one-image rollover easy. The first page has a script which you can copy and paste directly into your page. After that we show how to set the <IMG ...> tag and the <A ...> tags to use the script.

Let's start with the the script.

About the Author
Copyright 1997-2002 Idocs Inc. Content in this guide is offered freely to the public under the terms of the Open Content License and the Open Publication License. Contents may be redistributed or republished freely under these terms so long as credit to the original creator and contributors is maintained.