jscheuer1
09-17-2006, 08:55 AM
1) CODE TITLE: Rollover Images for Idiots
2) AUTHOR NAME/NOTES: jscheuer1
3) DESCRIPTION:
This script will allow you to make a list of images to be available for rollovers. All that is required is that you give the image tag(s) that you want to have a rollover a class name of "r#" where the # is the number of the image that you want to show onmouseover.
It is meant to be very easy to use. It will preload your images automatically and add the onmouseover and onmouseout events to the image tag(s) for you, preserving virtually all existing events for those tags, if any.
It plays very well with other scripts as, it has only one global variable, two functions and its onload event is designed to append itself to others on the page in most cases.
The same rollover image may be assigned to multiple image tags, even if their original source images are different, without having to list the rollover image more than once or having to use a different class designation to initialize it.
Other class names may be used to style your images, as long as the r# class is the first class name listed.
4) URL TO CODE: http://home.comcast.net/~jscheuer1/side/rollo.htm
or, ATTACHED BELOW (see #3 in guidelines below):
2) AUTHOR NAME/NOTES: jscheuer1
3) DESCRIPTION:
This script will allow you to make a list of images to be available for rollovers. All that is required is that you give the image tag(s) that you want to have a rollover a class name of "r#" where the # is the number of the image that you want to show onmouseover.
It is meant to be very easy to use. It will preload your images automatically and add the onmouseover and onmouseout events to the image tag(s) for you, preserving virtually all existing events for those tags, if any.
It plays very well with other scripts as, it has only one global variable, two functions and its onload event is designed to append itself to others on the page in most cases.
The same rollover image may be assigned to multiple image tags, even if their original source images are different, without having to list the rollover image more than once or having to use a different class designation to initialize it.
Other class names may be used to style your images, as long as the r# class is the first class name listed.
4) URL TO CODE: http://home.comcast.net/~jscheuer1/side/rollo.htm
or, ATTACHED BELOW (see #3 in guidelines below):