This pattern is backwards-compatible with previous implementations of the gallery pattern – see the old gallery option below, which used the jQuery theatre plugin. Please do not use the old gallery markup because support for this will be removed at some point.
The gallery pattern demonstrates a method of displaying a large number of images on a page and makes use of the Lightbox JavaScript library to view the images in an immersive experience.
Rules for the gallery
Gallery images must be in landscape orientation.
Full size gallery images must be 1280 × 960 pixels. This resolution must never be exceeded.
All images must have an aspect ratio of 4:3. This is the typical aspect ratio for photographs.
If an image's resolution is lower than 1280 × 960 pixels, then the image must have an aspect ratio of 4:3 at its highest native resolution.
Thumbnail images are not automatically generated from the full image and must be created separately.
Thumbnail images must be 360 × 240 pixels.
A gallery must only be used within the main body of a page.
A page may contain multiple galleries.
Use data-lightbox="[gallery name]" to group images together for each gallery.
This option does not use Lightbox. All images must link to another page. The pages linked can be directly to the video hosted on YouTube or Vimeo, or to another page where the video is already embedded.
