Here is a form where you can CREATE A SIMPLE ROLLOVER CODE to swap the images on a link on your page. You will need the names of two identically sized images, and the address of the page that you want the Rollover to link to. Fill in all the fields, and when you press the Generate button at the bottom, the form will create the code. You can cut and paste it then to your HTML page, or send it to yourself as an e-mail at the address you enter below.

If you want more than one of these Rollovers on a page, then change ALL the references to image1 in the code to image2 for the 2nd set, three for the 3rd set, and so on.
 
Create Your Image Rollover Code Now
   
Rollover Code Generator
URL of the Page to link to
    E.G http://www.yoursite.com/page1.htm
OnMouseOff/First Image URL:
    E.G http://www.yoursite.com/pic1off.gif
OnMouseOver 2nd Image URL: :
    E.G http://www.yoursite.com/pic1on.gif
Image Pixel Height:
Image Pixel Width:
Image Border:     (0,1, 2, 3, etc.)
Link Description (The 'alt' text):
   
Your Name:
Your e-mail:





 © 

The finished block of code should read like this with the code the same except for file names and properties:
<A HREF="../page1.htm" OnMouseOver="image1.src='1on.gif'" OnMouseOut="image1.src='1off.gif'"><IMG SRC="1off.gif" NAME="image1" BORDER="0" HEIGHT="150" WIDTH="150" ALT="Picture Title or whatever"></A>

©  Page Design By compac graphics
Back To Top