Embed
Embed: preview
Embed size:
Maintain aspect ratio
Show steps
Embed code
Create a Collection
Update Collections
Create a
Collection
Steps to add a Show Image in a Light Box action to a button.
When the learner selects the button the image will be shown over top of the main page in a Light Box or modal window.
You can add more than one image to this action. The Light Box will automatically switch to a carousel display so the learner can move from one image to the next.
00:00 Select the button on the Stage.
00:04 Select the Actions Element Control (lightning bolt icon).
00:08 Select Show an image in a Light Box.
00:12 The Element Interactions panel will open to the right of the Stage.
Leave the Trigger setting as When clicked.
Leave the Timer set at 0:0.0.
Select Add Asset.
00:16 The Media Browser will open.
Select the image.
00:20 Select Insert.
00:24 The image is now shown on the assets list on the Element Interactions panel.
Select Apply when all images have been added.
You can add more than one image using the Add Asset button. The Light Box will automatically switch to a carousel display so the learner can move from one image to the next.
00:28 The Actions Element Control (lightning bolt icon) now shows a dark purple circle, indicating that an Action has been applied to the button.
Select Preview to view the action.
00:32 In the Preview browser that opens, select the Click here to view larger image button.
00:36 The image opens in a light box or modal window over the main page.
Select the X in the upper right corner to close the light box.
00:40 The light box is closed and the main page is fully visible again.
Comments ( 0 )
Sign in to join the discussion.