resizedimage UI Component

jQuery.telligent.evolution.ui.components.resizedimage

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" />