Mouseovers require two parts: The JavaScript and the HTML code:
Part 1: The JavaScript------------------------------------------------------------------------------------
This Script goes inbetween the command on every page on which
you want to have the mouseover buttons. Like So...
Title of Your Web Page
-----------------------------------------------------------------------------------------------------
Part 2: The HTML Code--------------------------------------------------------------------------------
Somewhere (where ever you want the image to appear) between the comand, place the
following HTML code as follows:
--------------------------------------------------------------------------------------------------------------
INSTRUCTIONS: ------------------------------------------------------------------------------------------------
1) Replace imagename1 with the name of the image WITHOUT the mouseover (the default image)
2) Replace imagename2 with the name of the image that you want when the
mouse is on the image
3) Change "width" and "height" to the width and height of your images in
pixels in the Script and the HTML code (Both images should be the same size)
4) You can use mouseovers for jpgs also. In this case change "gif" to "jpg" in the above
script and HTML code
5) If you want more than one mouseover button on a web page, you must repeat the
Image Variable Block (create a second block). If you want to see an example
of this, please view the source code at: http://giveaways.galganov.net/mousebut0.html
(You may save this page to your hardrive to use as an example)
6) Make sure you do NOT change the punctuation in the script and HTML code
7) Do NOT use image names starting with numeric characters - example 1, 2, 3 etc.
8) If you place your images in a seperate directory, make sure you put the directory
name where ever the image is mentioned in both the script & HTML code. If you
need an example of this, take a look at the source code of
http://GraphicFreebies.com/mousebut0.html. The directory name for all our
mouseover graphics is in a directory call "mousex".
9) Have Fun!
Hint: All information in the JavaScript of the header that starts with //----something text
are comment lines. You can delete them when you are done or leave them to remind you
how you did this fun stuff - just in case you want to do it again another day.
----------------------------------------------------------------------------------------------------------------