resizedimage UI Component

Ben Tiedt — Fri, 08 Mar 2024 17:52:15 GMT

Current Revision posted to API Documentation by Ben Tiedt on 03/08/2024 17:52:15

jQuery.telligent.evolution.ui.components.resizedimage

[[ui JavaScript API Module|UI Component]] which allows client-side declarative rendering of an image using server-side resizing. This is useful when a URL of an image is known from the result of a REST request on the client, but it is not necessarily efficient to render an img tag directly sourcing it. Supports both local images (in CFS) as well as externally hosted images. Supports both ZoomAndCrop as well as ScaleDown resize methods.

Options

src: Image Source URL
width: Max Width
height: Max Height
resizemethod: Resize Method, either ScaleDown or ZoomAndCrop. default ZoomAndCrop

Example

Render a server-side-resized image at 100x100 cropped and zoomed to fit.

<img class="ui-resizedimage" data-src="IMAGE-URL" data-width="100" data-height="100" data-resizemethod="ZoomAndCrop" />