Multimedia Rollovers

Multimedia Rollovers
Brought to you by...

(Move your mouse over the images to the left)
(Refresh the page to see different rollover effects)
Home | Scripts | ScriptClips | Forum

Installation Directions:
1) Open up your webpage document in Notepad
2) Right click in the text area below and select "copy"
3) Right click in Notepad and "Paste" this code into the <head> section

//Uncomment the next line for a specific transition rollover (transition=0 to 23)
//document.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=1,transition=2) }</STYLE>');

//Uncomment the next line for fading rollovers
//document.write('<STYLE TYPE="text/css">.imgTrans{ filter:blendTrans(duration=1) }</STYLE>');

4) Right click on the text area below and select "copy"
5) Right click in Notepad and "paste" this code into
the BODY of your document where you want the rollover image to appear. 6) Customization :-
- Add as many images as you want - change the name "home" to the name of your rollover
- make sure you that if you add a new rollover you create a Rollover for it in the HEAD section.

Rollover("myRollover", "images/myImage.gif");

(See the source code for more details)
Click here for more customization options