Skip to Content
Design advanced interactivityDynamic Image Element

Dynamic Image Element

⚠️

This widget is deprecated and replaced by a new version in the Widget Library. The information on this page is for reference only and applies to legacy projects.

How to Add and Edit Dynamic Images in Interactive Videos

The Dynamic Image Element allows you to display remote images over your video using a direct image URL. The image updates in real-time if the source changes.

Step 1: Add the Element to the Layer

Drag and drop the Dynamic Image element from the Elements panel into the timeline layer. A field will appear prompting you to enter the image URL.

Dynamic Image URL Entry

Step 2: Enter the Image URL

  1. Paste the image URL you want to use (e.g., http://.hurimg.com//hdn/...jpg).
  2. Click Save to add the image to your timeline.

Element Added to Timeline


Editing Dynamic Image Element Settings

Once added, click the element in the timeline to open the settings panel.

Dynamic Image Layer

Basic Fields

FieldDescription
NameInternal label for the element
StartWhen the element appears on screen
EndWhen the element exits the screen

Dynamic Image Settings Panel

Behavior Settings

Dynamic Image Actions Panel

OptionDescription
On Appear ActionChoose what happens when the element appears. See all actions
+ Add ActionAdd multiple actions
Image URLRemote source of the image

Advanced Options

Dynamic Image Advanced Panel

OptionDescription
PreloadLoads the image before the video reaches this element to avoid flickering
Entrance AnimationAnimation effect when element enters
Exit AnimationAnimation effect when element exits
Save / DeleteApply or remove the element settings