5ml User's Guide

CHAPTER 12: Using Effects and Animation Widgets
Using the 360 Widget
The 360 widget lets you create a page element for an interactive gallery of images that you can set to play automatically,
to play when the mouse hovers over the element, or to be navigated manually by swiping through the images. You drag
multiple images from the Assets pane to fill the 360 element. You can also change the element's appearance and layout
on the page.
To place the widget on a page and create a 360 element, drag the widget from the Effects & Animation section of the
Widgets pane to the Canvas, as shown in Figure 12-2 on page 289. You can then resize, align, and arrange the element to
fit your page design (for details, see "Working in the Project Editor" on page 154). You can also associate the 360 element
with an event and an action to be performed when the user interacts with the 360 element.
Figure 12-2: Placing a 360 widget on the page.
To add the first image to the 360 element:
1. Click the Assets tab in the Library pane, and choose Images from the Assets drop-down menu.
2. Drag the image from the Assets pane, and drop it into the element, as shown in Figure 12-3 on page 290.
- 289 -