06
Story Mode and PiP
Open the lightbox to access story mode, picture-in-picture, and EXIF overlay tools.
story mode
PiP
EXIF
01
Masonry Lightbox
Auto-initialized masonry layout with fade transition and morph opening.
data-neiki-gallery
masonry
morph transition
02
Mosaic Filtering
A dense mosaic with tag filters, tile sizing, backdrop tint, and color palette support.
filter
data-tags
data-size
03
Filmstrip Scroll
Horizontal filmstrip layout with scroll snap and looped slide navigation.
filmstrip
slide transition
loop
04
Comparison Slider
Drag the handle to compare two versions of the same external image.
NeikiGallery.compare()
before and after
05
Manual API Controls
A manually initialized gallery with open, next, previous, slideshow, and selection methods wired to controls.
new NeikiGallery()
events
batch select
07
Drag Reorder
Drag thumbnails into a new order, then read the current item order.
drag and drop
getOrder()
Drag items, then check their order.
08
Focus Point Cropping
Each image sets its own focal point and dimensions for stable skeleton loading.
data-focus
aspect skeleton
09
Video and Embeds
Images, an MP4 file, YouTube, and Vimeo share one gallery and one lightbox.
MP4
YouTube
Vimeo
10
Favorites and Info
Lightbox tools include favorites, an information panel, print support, shortcuts, and the context menu.
favorites
info panel
print
11
Editor and Annotation
Open an image to use rotate, flip, export, and drawing tools from the toolbar.
editor
annotation
export
12
Album Groups
Two separate gallery blocks share the same group and navigate as one album.
data-group
shared navigation
Album A
Album B
13
Plugin Hook
A registered plugin adds a small badge inside the lightbox and reacts to gallery lifecycle events.
registerPlugin()
lifecycle hooks
14
Auto Slideshow
This expanded demo starts a timed slideshow after the lightbox opens and uses the Ken Burns image effect.
data-slideshow
pause on hover
Ken Burns