Orbital Image Carousel
ProDrag a cylindrical photo rail with snapped inertia, keyboard stepping, and depth-aware parallax on every face.
carousel
Props
| Prop | Type | Default | Description |
|---|---|---|---|
images | (string | OrbitalImage)[] | - | Image URLs or structured image objects with src, alt, label, and objectPosition. |
cardWidth | number | 320 | Width of each orbiting image panel in pixels. |
cardHeight | number | 392 | Height of each orbiting image panel in pixels. |
radius | number | 470 | Depth radius of the cylinder. |
perspective | number | 1700 | CSS perspective applied to the carousel stage. |
initialRotation | number | 0 | Initial Y-axis rotation in degrees. |
draggable | boolean | true | Enable pointer drag rotation when motion is allowed. |
snapToCard | boolean | true | Snap inertia targets to the nearest image angle. |
inactiveOpacity | number | 0.42 | Opacity used for non-hovered panels while another panel is hovered. |