External media

External media allows you to host and distribute custom content via Cylindo and its Content API.

Result

Live Editor

<cylindo-viewer customer-id="5098" code="ARMCHAIR-PDP">
  <cylindo-external-media
    content-id="f68ee704-c36b-410d-96cc-9b54f4119661"
    alt="rock formation on a beach, retrieved from picsum"
    display-mode="cover-viewer"
    thumbnail-crop="0.2,0,0.3,0.3"
    original-dimensions="2500,1667"
    zoomable
  />
  <cylindo-thumbnail-bar></cylindo-thumbnail-bar>
</cylindo-viewer>

Props

Name	Type	Default	Description
`content-id`	`string`	required	The content id of the external media
`alt`	`string`	`""`	Alternative text for the external media item. This is used by screen readers.
`display-mode`	`string`	`"fit-inside-viewer"`	Determines how the external media image fits within the viewer's content area.
`thumbnail-crop`	`string`	`""`	The crop applied to the external media's thumbnail.
`original-dimensions`	`string`	`""`	When specified, limits the size of the media inside the viewer.
`zoomable`	`boolean`	`false`	Enables the zoom feature when the dimensions are big enough.

Props​

Props