Follow Techotopia on Twitter

On-line Guides
All Guides
eBook Store
iOS / Android
Linux for Beginners
Office Productivity
Linux Installation
Linux Security
Linux Utilities
Linux Virtualization
Linux Kernel
System/Network Admin
Scripting Languages
Development Tools
Web Development
GUI Toolkits/Desktop
Mail Systems
Eclipse Documentation

How To Guides
General System Admin
Linux Security
Linux Filesystems
Web Servers
Graphics & Desktop
PC Hardware
Problem Solutions
Privacy Policy




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.

  Copyright 1997-2002 Idocs inc. Published under the terms of the Open Content License Design by Interspire