About Responsive Image library about-responsive-image-library
Responsive Image Library is a JavaScript module that dynamically adjusts the quality of images served from Dynamic Media and embedded into responsive web pages. In addition, it provides improved image quality on devices with high-density screens. The library can also responsively render results from Smart Crop and Smart Swatch.
Demo URLs section-4f72c1dc38bf4e03acfa5205733a05a5
The simplest use case of the Responsive Image Library is to define a list of breakpoint values for image width. This list ensures that the appropriate rendition is loaded and displayed when an image is resized because of web page layout changes from a user resizing the browser window or changing the orientation of the device. The library continuously monitors onscreen image size and every time a new breakpoint width is reached it fetches a new image rendition from Dynamic Media.
System requirements section-35ea9e9c79cc43d7bcefdc240340fba4
Server hardware and software
- Dynamic Media Image Serving 6.0.1 or later.
Client browser minimum requirements
- Microsoft® Windows® 7 or later; macOS X 10.8 or later.
- Firefox 23, Safari 6, Chrome 29, IE 9 or later.
- iOS 6 or later.
- Certified on iPhone3GS or later and iPad2 or later (native browsers only).
- Android™ OS 2.3 or later.
- Internet Explorer on mobile devices is not currently supported.