Image

The <ch5-image> component is used to load images and can be used alongside the standard HTML <img> tag. This component is used primarily to load images from a security camera.

For interactive examples using the <ch5-image> component and CSS classes, refer to the Showcase Application.

Features

The <ch5-image> attributes provide the following features:

  • Defines an alternative text attribute for an image
  • Sets the height and width of an image
  • Sets the image direction
  • Sets the refresh rate for an image
  • Sets the image URL
  • Sets a username and password if authentication is required to access an image
  • Receives an image URL from control system state
  • Sends signals to the control system on an image click or touch event
  • Sends signals to the control system if there is an error loading the image.

Design Considerations

Snapshot mode with authentication does not work on <ch5-image> because of updated browser security controls. Use <ch5-video> snapshot mode instead if you need to capture images when authentication is required.