Interactive image viewer

Download Back To CSSScript.Com

Lightbox3 Image Gallery Lightbox Library Demos

Create image gallery lightboxes with Lightbox3, a dependency-free JavaScript library with touch gestures and zoom support.

Gallery Set

Use the side controls, arrow keys, wheel gestures, or horizontal swipes. Click or tap the opened image to zoom, then drag to pan.

Sunlit canyon walls under a dark sky Wide landscape01 Tall rock passage with warm reflected light Portrait frame02 Square view of desert stone texture Square crop03
Mixed Ratios

Different thumbnail shapes still open cleanly.

These items share one gallery name, so captions, counters, adjacent-slide preloading, and edge bounce are active.

Low coast road beside dark water Cinematic cropWide Weathered stone steps near a shoreline Square image1:1 Vertical view of a narrow old street Tall image4:5 Open valley road with low evening light Edge bounceEnd
Launch Modes

Open from a thumbnail, a text link, or a button.

The thumbnail uses the FLIP morph. The text link and button use the lightbox fade path because no thumbnail image anchors the motion.

Single mountain image opened from a thumbnail Standalone thumbnailSingle

Text and API triggers

Use the link for a text-triggered open. Use the button for a direct call to the lightbox instance.

Open text link
Escape closes Tap zooms Swipe dismisses
Options And Events

Change spring presets and watch callbacks fire.

Preset buttons recreate the instance with different spring values. The event feed records open, close, navigation, and zoom callbacks.

Spring preset

Choose a preset, then open any image again.

Balanced preset active

Event feed

Interact with the demo, then check the latest callback entries.

No events yet. Open an image to start the feed.