The Image Component (as of release 2.13.0) supports Dynamic Media assets. See the section Adaptive Image Servlet for more technical details on these features and tips for optimizing rendition selection. In addition, the Image Component supports lazy loading to defer loading of the actual image asset until it is visible in the browser, increasing the responsiveness of your pages. There is no need for component developers to worry about defining custom media queries since the Image Component is already optimized to load your content. As the window is resized, the Image Component dynamically loads the correct image size on the fly. The Image Component will then automatically load the correct width to display depending on the size of the browser window. At the page template level, the design dialog can be used to define the default widths of the image asset. The Image Component comes with robust responsive features ready right out of the box. For added convenience, simple in-place modification of the image is also available. The content editor can upload or select assets in the configure dialog and crop the image in the edit dialog.
The image widths as well as cropping and additional settings can be defined by the template author in the design dialog. The Image Component features adaptive image selection and responsive behavior with lazy loading for the page visitor as well as easy image placement and cropping for the content author. The Core Component Image Component is an adaptive image component that features in-place editing.
0 kommentar(er)
