Gallery Block

A Block to create an image gallery with lightbox functionality.

The gallery lightbox shows images width a width/height up to 1200px, images are proportionally resized. The maximum upload size for ZoON is set at 1600px.

Gallery Example 1

A mix of landscape and portrait images.

Orange beetle on the top of a blade of grass
Look out
Honey bee on white yellow daisy
A B …
Fly and it's shadow on a blade of grass
Shadow play
Green grasshopper in a red puppy
Green escape
Dragon fly hanging on a blade of grass
Danglin’ Dragon
Brown beetle on a green leave
Posing
Bee on yellow flower
Still busy
Green forester moth in a brown background
Blue! Green Forester

Gallery Example 2

Sample gallery with ‘captions’ switched ‘on’. When captions are disabled they are still available for screenreaders and will always be displayed in the lightbox.

Orange beetle on the top of a blade of grass
Look out
Honey bee on white yellow daisy
A B …
Fly and it's shadow on a blade of grass
Shadow play
Green grasshopper in a red puppy
Green escape
Dragon fly hanging on a blade of grass
Danglin’ Dragon
Brown beetle on a green leave
Posing
Bee on yellow flower
Still busy
Green forester moth in a brown background
Blue! Green Forester

Keyboard navigation

  • Tab or Shift+Tab: navigate images
  • Enter: activate the lightbox
  • In the lightbox; arrow keys: next/previous

Share

Marco Koedam

Marco Koedam

I am a graphic designer, front-end webdeveloper and photographer. Fascinated with the synergy between style and content, message and presentation, form and function. Ever since I was a little boy in the early 70’s, designing the program for a school play – how time flies when you’re having fun.