Gallery Layouts
Demonstrating several gallery layout examples.
Vertical Layout
Vertical gallery images in a narrow layout.

Grid Layout
A basic grid layout, which gracefully responds to screen size.

Justified Layout
The justified layout scales images neatly into rows.

Columns Layout
The columns layout stacks images into columns.

Slideshow Layout
The slideshow layout comes with many settings.

Carousel Layout
The carousel method displays multiple items in a carousel-like layout.

Auto Popup
Use the popup auto-open setting to instantly open first gallery image in popup on page load.

Screenbox
Screenbox combined with the vertical layout, where each image is scaled to fit within viewport.
