[Table of Contents]

Applying Sliding Layer Effect to Text Menu
Creating a Floating Layer
Background Fade In/Out and Wipe Effect
Creating a Popup Reminder Window
Applying Action to Rollover Images

 

Shows the hidden layer when the mouse pointer "rolls" over the image.

Example
Place the mouse pointer over the image to show the hidden layer on the right of the browser.

blank7.gif

 

Step by Step Instruction

1. Choose [Script > Script Wizard...] from the Insert menu.

2. Select Rollover effect item from the Script list in the Script Wizard - Select Script dialog box.

script-5_3.gif

3. Specify the path to the first image file in the First image path text box. This is the image that is seen in a browser when the mouse pointer is not over the image.

4. Specify the path to the second image file in the Second image path text box. This is the image that is seen in a browser when the mouse pointer is over the image.

Script Wizard - Rollover Effect

5. Press the Finish button.

6. In Edit window, create a layer to show when the mouse pointer rolls over the image.

7, Insert images or enter text in the layer.

8. Double-click the layer handle, the small box at the top-left corner of a layer, or the layer tag mark.

9. The following dialog box appears.

Layer Properties

10.  Select Hide from the Visibility drop-down list.

11. Choose Image Properties... from the shortcut menu of the image.

Image Properties

12. Press Action button in Image Properties dialog box.

13. Click Add button in Action window.  

Action

14. Select (OnMouseOver) for Event item and Show/Hide Layer for the Action item.

15. Set "Layer 1" for the Destination layer  and Show for Show or Hide parameter.

OnMouseOver

16. Press the OK button.

17. In Action window displays (onMouseOver) event and Hide/Show Layer action you have attached to the image in the previous steps.

Action

18. Press Add to add another action hiding the layer when the mouse pointer exits the bounds of the image.

19. Select (OnMouseOut) for event and Show/Hide Layer for action.

20. Select "Layer 1" for the target layer name from parameter menu and select Hide from Show/Hide option.

OnMouseOut

21. Press the OK button.

22. Press OK button in Action window.

Action

23. Press OK in Image properties window to close the dialog box

Hidden layer will appear if you place the mouse pointer on the rollover image in Preview window.

 

Namo Interactive Inc.

This document is created using Namo WebEditor 4 on August 2, 2000.

 

© 2001 Namo Interactive Inc. All rights reserved.