Image Flipping Link

Script by Robert Gasiorowski

     Okay, roll your pointer over the images. Please do not click!!! The links are false and will only add to my errors logs.

     As you can see, this script allows for changing images for links and status bar wording. It is very involved. Here's how to get it all to work in the author's words:

______________________________

This script replaces image when mouse is over it, and then restores ( or places different ) when mouse leaves its area. Script is designed in the way, that it is possible to add more images without any trouble or rewriting.

To add more images you need to:

1. Add this line below other instances:
object['name']= new objectdata(hsize,vsize,"image a","image b","message");

2. Add to your table data or whatever the following ( underlined are the tags and attributes that make up your page layout and are not part of this script ):

<A HREF="page.html" OnMouseOver="ReplaceOrig('name');return true;"
OnMouseOut="RestoreOrig('name');" >
<IMG SRC="image c" NAME="name" WIDTH="100" HEIGHT="32" BORDER="0"
NATURALSIZEFLAG="0" ALIGN="BOTTOM"></A

3. Place images in the folder where your page is.
4. Replace all bold words with the following:
name- name of your object, for example: first, second, third or: home, mylinks, aboutme,

hsize & vsize - this script lets you use images of a different size, hsize is a horizontal and vsize is a vertical size of your image, for example: 32,32,

message - this message is simply the text that will be shown in the status window of your browser,

image a,b,c - those are names of images that will be used by a script, image a is a image that will show when mouse is over the area, image b will be shown when mouse is removed from the area and image c is the image that will be shown at the time of download or in browsers that do not support script. After first mouse over this image will not show again. Image c and image b usually are the same.

For example: buttonhighlited.gif, button.gif, button.gif, page.html - this is simple the URL of the link.

I hope you will find my script usefull, you can use it and distribut it as long as line :

/***** Designed and written by Robert Gasiorowski -- gasior@snet.net
*****/ is included.

Grab the Script

     Please note: This script is being offered in simple text format. When you click to Grab the Script, the text should display. Internet Explorer and AOL users may get a blank page or the script may run and produce the effect. If this happens, choose SAVE AS from the FILE menu and save the blank or compiled page.

Back to the Image Scripts