Step 1

 ¶ 


Select the button on the Stage.

Step 2

 ¶ 


Select the Actions Element Control (lightning bolt icon).

Step 3

 ¶ 


Select Show an image in a Light Box.

Step 4

 ¶ 


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.

Step 5

 ¶ 


The Media Browser will open. Select the image.

Step 6

 ¶ 


Select Insert.

Step 7

 ¶ 


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.

Step 8

 ¶ 


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.

Step 9

 ¶ 


In the Preview browser that opens, select the Click here to view larger image button.

Step 10

 ¶ 


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.

Step 11

 ¶ 


The light box is closed and the main page is fully visible again.

  1     0

Similar Projects

thumbnail image
Working with the Show a Page in a Light Box action
2022-02-10

Create unique and engaging learner experiences by showing content in a modal window over your main page

3 min read
avatar
Chris Van Wingerden
thumbnail image
Adding and editing a Hotspot Image question Page
2021-05-31

Hotspot image question pages can be used as either scored Test Questions or as non-scored Practice questions

1 min read
avatar
Chris Van Wingerden
thumbnail image
Adding a Page to your Project
2024-03-15

Two different ways depending on Ribbon status

1 min read
avatar
Chris Van Wingerden
thumbnail image
Adding a Publish Target to a Page, Test Question Page, Learning Object or Module in a Project
2023-08-02

Target different audiences from a single content Project

1 min read
avatar
Chris Van Wingerden
thumbnail image
Adding a Publish Target to an Element on a Page
2023-08-02

You can have Elements on any Page targeting multiple learning audiences or contexts

1 min read
avatar
Chris Van Wingerden
How to Disable a Button with JavaScript
2020-10-23

Sample Code from Matthew Senay

1 min read
avatar
Brent Schlenker
thumbnail image
Editing the learner action for a single Step in a Capture file
2022-07-21

Change to a different interaction, add extra modifying keystrokes and more

3 min read
avatar
Chris Van Wingerden
thumbnail image
Adding a Scenario question to your Project
2021-05-12

Scenario question pages allow you to use Scenarios as either scored Test Questions or as non-scored Practice questions

1 min read
avatar
Chris Van Wingerden
Action triggered in a Carousel
2020-03-06

Hi,
I have a carousel on my page, and I want to autoplay separate audio when a person navigates to each page in the carousel.  In theory, this should be easy to do with an action as I have already added the audio to each carousel page.  However, I am struggling to find what action is triggered when moving between cards in the carousel.  I have tried multiple and nothing seems to work.  Does anyone know?

avatar
jlivens
thumbnail image
Linking to a Specific Page in a Published Project
2021-09-24

I would like to create links from a web page that open a project, but jump to a specific page in the project.

2 min read
avatar
Paul Schneider

Questions  ( 0 )

Sign in to ask or answer a question.

Comments ( 0 )

Sign in to join the discussion.