Add Rollover into the Builder:
Rollovers are assigned to the components that have been added into the sub-component area of the Builder. After adding the rollover to the component, every time when mouse moves over the Part No, the rollover image will be displayed in the main image area. Also, rollovers can also be assigned by providing Image Map data. Once image map is assigned, every time when mouse moves over certain part of the image, the main image is replaced with the rollover image.
In order to add rollover to the component, proceed with the following steps:
In the Builder window, from the Rollover area, click on Add link; which will display Add Rollover dialog box, as shown in Figure 1.
From Select Component drop-down list, select a component to apply rollover.
From the Shape drop-down list, select the shape of rollover.
In Image Map text box, add Image Map data for the rollover.
In Rollover File, provide a rollover image.
Submit the form to process your request to add rollover.
NOTE: Multiple rollovers can be added for the same component; However, each rollover can be identified by its unique Rollover ID number in the Rollover Area. |
Figure 1: Builder - Rollover Add Form
Once the Add Rollover Form is submitted, confirmation window will be displayed with the following information, refer to Figure 2.
Rollover File uploaded successfully or not, if rollover image was submitted
Part No of the component to which rollover was added
The shape of the rollover, if shape was selected
Image Map data of the rollover, if data were provided
Rollover file name, if rollover image was submitted
Click on the Close Window link and rollover will be added to the list as shown in Figure 3.
Figure 2: Builder - Rollover Add Form Confirmation
Follow these steps to see the rollover effect:
In the Rollover area - Move the mouse over part number to check the rollover image is correct
In the Sub-Component area - Move the mouse over part number and check if rollover is working
In the Main Image area - Move the mouse over the Image Map area and check if rollover is working
Figure 3: Builder - Rollover Added