gull.gif
Web Tools - Image Mouseover Generator
Horizontal Table Layout
Sample Sample Sample Sample
Vertical
Sample
Sample
Sample
Sample
Sample
Sample

First you will need to create your images. You will need two, one for each button.
Img on is the image that will be displayed when the page is loaded. Img off is the image that will be displayed on mouseover.
I used an online to make the sample images.

Fill in the table options and enter the width and height of your images. Then enter your image urls, the url of the page and the alternative text. Click generate and copy and paste the script to the head of your document. Add the html to the body.

Select a table width:  and alignment:
 Select a table layout   horizontal:    vertical:  Images width:   height:
Image #1
Img On Url:
Img Off Url:
Link Url:
Alt. Text:
Image #2
Img On Url:
Img Off Url:
Link Url:
Alt. Text:
Image #3
Img On Url:
Img Off Url:
Link Url:
Alt. Text:
Image #4
Img On Url:
Img Off Url:
Link Url:
Alt. Text:
Image #5
Img On Url:
Img Off Url:
Link Url:
Alt. Text:
Image #6
Img On Url:
Img Off Url:
Link Url:
Alt. Text:
Image #7
Img On Url:
Img Off Url:
Link Url:
Alt. Text:
Image #8
Img On Url:
Img Off Url:
Link Url:
Alt. Text:
Image #9
Img On Url:
Img Off Url:
Link Url:
Alt. Text:
Image #10
Img On Url:
Img Off Url:
Link Url:
Alt. Text:
 
Copy the codes below to your document.
Valid Html
Riverdrift.com Made in the U.S.A Durango, CO 81301 © 2013