# Depth Gallery

> Travel through a field of photos floating in depth.

Depth Gallery is an image animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called 3d depth gallery, fly-through gallery or z-space gallery.

Photos hang at different depths in an endless space. The wheel moves you forward, a drag pans across, and far photos fade. Click one and the view flies to it as a detail panel unfolds beside it. Arrow keys and Escape work too.

- Page: https://foundry44.dev/components/depth-gallery/
- Category: [Images](https://foundry44.dev/library/images/)
- Interactions: scroll, drag, click, keyboard, touch
- Dependencies: none
- Licence: Pro

## With Pro

The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.

Settings: `density`, `depthFade`, `speed`, `inertia`, `focusDuration`, `panel`.