AJAX
ss:ajax:delayedload ss:ajax:event ss:ajax:region
Data
ss:data:calendar ss:data:column ss:data:repeater ss:data:table ss:data:template ss:data:tree
Forms
ss:forms:captcha ss:forms:checkbox ss:forms:codeeditor ss:forms:combobox ss:forms:datepicker ss:forms:dialogbox ss:forms:editbox ss:forms:fileupload ss:forms:form ss:forms:hidden ss:forms:money ss:forms:officeuseregion ss:forms:option ss:forms:password ss:forms:paymentmethod ss:forms:radiobutton ss:forms:row ss:forms:searchbox ss:forms:signature ss:forms:slider ss:forms:spinbox ss:forms:submitbutton ss:forms:submitimage ss:forms:submitlink ss:forms:textarea ss:forms:timepicker
Layout
ss:layout:gallery ss:layout:productgallery ss:layout:rotator ss:layout:stepper ss:layout:stepperpanel ss:layout:tablist ss:layout:tablistitem
Logic
ss:logic:dependency ss:logic:parse ss:logic:if ss:logic:else ss:logic:include ss:logic:variable
Navigation
ss:navigation:breadcrumbs ss:navigation:item ss:navigation:primary ss:navigation:secondary
Standard
ss:standard:audio ss:standard:embed ss:standard:icon ss:standard:image ss:standard:link ss:standard:script ss:standard:video
Templates
ss:templates:card ss:templates:column ss:templates:faq ss:templates:row ss:templates:section ss:templates:teammember
.
.
.

<ss:standard:image />

Standard Image extends the functionality of the native HTML <img> tag. Notable features include automatic reduction of the size of the image served to the client, and the ability for images to maintain their original aspect ratio.

Attributes

height
Sets the height of the element. The default units are pixels. include the percentage symbol % to user percentage values.
maintainAspect
string
How the image should respond if the width and height set are a different ratio to the image's natural size.
  • true - The image will shrink to avoid distortion.
  • false - The image will obey the width and height, and possibly distort.
  • "crop" - The image will obey the width and height, and will allow cropping to avoid distortion.

Default = true.
src
string
The source / location of the image.
width
Sets the width of the element. The default units are pixels. include the percentage symbol % to user percentage values.
float
string
Whether to float the image left or right. Default = "". Possible other values: "left", "right".
floatOffset
string
If this image is floating inside a paragraph, by using the float attribute, floatoffset controls the distance of the image from the top of the paragraph.
lazy
string

Examples

MaintainAspect Attribute

Demonstrates the different possible values of the MaintainAspect attribute.

HTML Code:


Run Example

Related Tutorials