Image

Overview

The Image module allows you to to display an image in a site. This module currently supports using image url, which can be obtained uploading an image in your Asset Manager or an external image hosting site.

Properties

URL (required) String, url Url of the asset image. This property accepts the url of an image.

Alt Text String Sets an Accessibility reader text description of the image.

Min Width String Defines the minimum width of the image. This property accepts lengths followed by a relative unit (em, ex, or px) or percentages. Example: 6px or 1em

Max Width String Defines the maximum width of the image. This property accepts lengths followed by a relative unit (em, ex, or px) or percentages. Example: 6px or 1em

Min Height String Defines the minimum height of the image. This property accepts lengths followed by a relative unit (em, ex, or px) or percentages. Example: 6px or 1em

Max Height String Defines the maximum height of the image. This property accepts lengths followed by a relative unit (em, ex, or px) or percentages. Example: 6px or 1em

Object Fit Dropdown Image setting for container resize behavior. The following options can be used:

• contain

• cover

• fill

• none

• scale-down

Nodes

Broadcasters

Image:on-load Broadcast event when the image is loaded

Image:on-click Broadcast event on click

Listeners

Image:change Listener event when an image changes

Parameters

src - The updated image source.

Image:click Event listener when an image is clocked

Parameters

none

Image:animationState Animation state event listener

Parameters

stateName - The animation state class name