Skip to main content

cylindo-360

The <cylindo-360> is used to embed a 360 viewer into your <cylindo-viewer>.

Related example

Attributes

frame

The start frame of the viewer.

Default valueOptions
11-32

frames

Valid frames. You can limit the user's interaction with the viewer by only allowing them to view certain frames.

Default valueOptions
[1,2,3...32][number]

interaction-prompt

Whether to show the interaction prompt. The interaction prompt is a small animation that shows the user how to interact with the viewer.

Default valueOptions
"auto""auto", "none"

remove-environment-shadow

Whether the 360 viewer has a shadow.

Default valueOptions
falsetrue, false

on-demand-render

Enables on demand render (ODR) mode for the 360 viewer item. This is used for products that are rendered on demand.

Default valueOptions
falsetrue, false
info

In ODR mode, the standard linear progress bar is replaced with a circular loader. You can customize its appearance using the --spinner-size and --spinner-color CSS custom properties. This also disables the zoom functionality and the zoom buttons, as the zoom functionality is not supported in ODR mode for 360 frame items.

Related example

alt

Alternative text for the viewer. This is used by screen readers.

Default valueOptions
""string