Hiding and showing floating boxes

Floating boxes are useful for hiding and showing images or text when viewers click or move the mouse pointer over links on a page. When you set up show/hide actions for multiple floating boxes, be sure to name the boxes first in the Floating Box Inspector for easy identification.

You can also hide and show floating boxes based on a given amount of time. (See Applying timeline-triggered actions to floating boxes.)

To initially hide a floating box when the page is loaded:

Select the floating box and deselect Visible in the Floating Box Inspector. (You can use the Floating Boxes palette to temporarily show the floating box in GoLive as you work. See Managing floating boxes.)

To show or hide a floating box using a mouse event trigger:

1. Select the text, object, or image that will serve as the mouse event trigger and click the New Link button  in the toolbar.
2. In the Link Inspector, type the number symbol (#) in the URL text box. Or, if the selection will also serve as a navigational link, enter the link's destination URL in the text box instead of the number symbol. (See Specifying the destination URL for a link.)
3. In the Actions palette, select a mouse event (such as Mouse Enter) in the Events list and click the New Action button . Then choose Action > Multimedia > Show Hide from the Action menu, choose your floating box from the Floating Box menu, and choose Show, Hide, or Toggle from the Mode menu. (Toggle shows or hides the floating box according to its current visibility status as set in the Floating Box Inspector.)
4. Save your page and preview the action in a Web browser.

Note: Actions must be previewed in a browser. (See Previewing files.) For information on using other scripted actions for your floating boxes, see Using Actions.