Step 2. Setting Up The Images
Next, you need to attach the style name mouseBeOffMe to
each image, as well as four mouse events. (Optionally,
you can also use a title= which will act rather like a
drop-down text tag.)
The simplest way to understand this is to view a code sample
(below). The code sample uses three images. All you
change is the title (optional, just pull it if you don't
want it), the image file name, and the width= and height=
to match your image spec.s.
Other than that, just follow the pattern to add more images.
Insert the code anywhere in the body of your page when you
are done, and, voila... practically instant four-state
image buttons.
Note that the code below is in expanded format for sake
of clarity. (Yes, it will work that way.) You can, of
course, as you usually would, close all of the code up
onto a single line for each image tag.
To make the images linkable, just surround each image
tag with an ... just like any other image.
============================================================