Image Reference
Reference for Image Reference in Web Framework References. Key properties: ID, Class, Src, Width.
Use this reference to understand what Image Reference is for and which component-specific inspector group matters most when you configure it.
Inspector Property Groups
Image Properties
| Property | Type | Details |
|---|---|---|
| ID | text | Attribute: id |
| Class | text | Attribute: class |
| Src | image | Image source URL. Sets the image src attribute. Use relative paths for local assets and absolute URLs for remote images. For responsive images, consider using srcset and sizes when available. Bootstrap docs: Images Attribute: src |
| Width | text | Sets image width attribute. Sets the HTML width attribute for the image. Prefer Bootstrap sizing utilities for responsive layouts. Use attributes mainly to help browsers reserve layout space. Bootstrap docs: Sizing Attribute: width |
| Height | text | Sets image height attribute. Sets the HTML height attribute for the image. Prefer Bootstrap sizing utilities for responsive layouts. Use attributes mainly to help browsers reserve layout space. Bootstrap docs: Sizing Attribute: height |
| Alt | text | Alternative text. Sets the alt attribute for accessibility. Provide a meaningful description when the image conveys information; use empty alt text for purely decorative images. Bootstrap docs: Images Attribute: alt |
Dynamic Attributes
Enter Animation
| Attribute property | Type | Details |
|---|---|---|
| Name: | droplist | Choose In Animation. |
Leave Animation
| Attribute property | Type | Details |
|---|---|---|
| Name: | droplist | Choose In Animation. |
Move Animation
| Attribute property | Type | Details |
|---|---|---|
| Easing: | droplist | Choose the Animation easing. |
Inview Animation
| Attribute property | Type | Details |
|---|---|---|
| Name: | droplist | Choose In Animation. |
| Start: | droplist | Choose In Animation. |
Outview Animation
| Attribute property | Type | Details |
|---|---|---|
| Name: | droplist | Choose Out Animation. |
Dynamic Events
Before Unveil
| Event option | Type | Details |
|---|---|---|
| Action: | text | Choose the action to execute. |
Lazy Loaded
| Event option | Type | Details |
|---|---|---|
| Action: | text | Choose the action to execute. |
Before Sizes
| Event option | Type | Details |
|---|---|---|
| Action: | text | Choose the action to execute. |