5ml User's Guide

5ml User's Guide
Adding Navigation Links and Transitions
To create a navigation link, you can associate an event/action with an Image element to be performed when the user
taps or clicks the image. For example, you can turn the "GALLERY" icon image on Page 1 into a link to Page 2, which
contains the gallery.
Tip: You can associate an event/action with many types of elements; see "Changing Behavior Properties" on page 223.
To use an image element as a navigation link to another page in your project:
1. Click the Image element on the page, or select it in the Page Outline pane.
2. Choose onclick from the Event menu on the Behavior tab of the Properties pane.
3. Choose Show Page from the Action drop-down menu .
4. Select the page (for example, Page 2, Page 3, etc.) from the menu that appears underneath the Action menu, as
shown in Figure 3-61 on page 85
Figure 3-61: Choosing Show Page as the action for an Image element, and selecting the page number in the project.
5. Add a page transition effect by choosing Slide or Fade In from the Effect drop-down menu, as shown in Figure 3-62
on page 86.
Tip: Transition effects are available only when linking to an internal page in your project.
- 85 -