Volume I - Issue II - January 2001
Tech Techniques
Javascript Rollover Wizard

Step 1 - Enter Your Button/Link Names
Enter the name of your first image in the 'Normal' column. Enter the name of the graphic in its rolled over version in the 'RollOver' version. Finally, enter the name of the page this button will link to in the 'Link' column. Don't forget to answer the two questions directly below the form. Click 'Generate Code' and proceed to step 2.

Button 01 - Normal: RollOver: Link:
Button 02 - Normal: RollOver: Link:
Button 03 - Normal: RollOver: Link:
Button 04 - Normal: RollOver: Link:
Button 05 - Normal: RollOver: Link:
Button 06 - Normal: RollOver: Link:
Button 07 - Normal: RollOver: Link:
Button 08 - Normal: RollOver: Link:
Button 09 - Normal: RollOver: Link:
Button 10 - Normal: RollOver: Link:
Are you using a graphic for your header?
If Yes:
Is your sidebar NEXT TO your header?


Step 2 - Copy the Code
Your next task is copying the code generated by the wizard into your own site. Open EZ-PageBuilder™ in a separate browser window. Copy and paste the below information into your own Button Bar Block to make it look just like the one below. Don't forget, the Button Bar Block MUST BE BLOCK ONE IN PAGEBUILDER.

Add Button Bar
Image 1: Link:
Image 2: Link:
Image 3: Link:
Image 4: Link:
Image 5: Link:
Image 6: Link:
Image 7: Link:
Image 8: Link:
Image 9: Link:
Image 10: Link:

Step 3 - Copy the JavaScript
From the file drop-down menu in EZ-PageBuilder™, enter the 'More Options' screen. Click 'Select All' below and Copy & Paste this code into the 'Header' field of 'More Options.' That should be it! If it doesn't work, retrace your steps and make sure that your filenames are all correct.
Note: This code must be on all the pages where you want the rollovers to work.

Advanced Options
Header: (3000 char.)
Footer: (3000 char.)




© Copyright 2001 EZ-NetAdvantage. All Rights Reserved.
Return to Article