Hiding and showing layers


    Layers 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 layers, be sure to name the boxes first in the Layer Inspector for easy identification.

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

To initially hide a layer when the page is loaded:

    Select the layer and deselect Visible in the Layer Inspector. (You can use the Layers palette to temporarily show the layer in GoLive as you work. See Managing layers.)

To show or hide a layer 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 New Link button in the toolbar.
  2. In the 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 New Workspace button . Then choose Action > Multimedia > Show Hide from the Action menu, choose your layer from the Layer menu, and choose Show, Hide, or Toggle from the Mode menu. (Toggle shows or hides the layer according to its current visibility status as set in the Layer Inspector.)
  4. Save your page and preview the action in a Web browser.
  5. Note: Actions must be previewed in a browser. (See Previewing files.) For information on using other scripted actions for your layers, see Using GoLive actions.