1. Home
  2. ReactSDK~AdvancedImage

new AdvancedImage()

Description

The Cloudinary image component.

Properties
Name Type Description
cldImg CloudinaryImage

Generated by @cloudinary/url-gen
plugins Plugins

Advanced image component plugins accessibility(), responsive(), lazyload(), placeholder()
Details
Component

react/src/AdvancedImage.tsx, line 53

Methods

componentDidMount()

Description

On mount, creates a new HTMLLayer instance and initializes with ref to img element, user generated cloudinaryImage and the plugins to be used.

Details

react/src/AdvancedImage.tsx, line 61

componentDidUpdate()

Description

On update, we cancel running plugins and update image instance with the state of user cloudinaryImage and the state of plugins.

Details

react/src/AdvancedImage.tsx, line 68

componentWillUnmount()

Description

On unmount, we cancel the currently running plugins, and destroy the html layer instance

Details

react/src/AdvancedImage.tsx, line 76