Long-form gallery

The long-form gallery pattern allows you to 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 long-form gallery

Thumbnail images must be 170 × 170 pixels.
Must only be used within the main content of a long-form page.
A page may contain multiple galleries.
There should be no more than ten images in any one gallery.
Use data-lightbox="[gallery name]" to group images together for each gallery.

Options available

Long-form gallery

Long-form gallery

To be used only on the long-form pages.

Example

Scientists involved with Light Box

alt text for image 1 — Ifor Samuel
*Physicist*

alt text for image 2 — John Allen
*Physicist*

alt text for image 3 — Ashu Kumar Bansal
*Optical physicist*

Code


    Scientists involved with Light Box
    
        
            
            Ifor Samuel 
 Physicist
        
        
            
            John Allen
Physicist
        
        
            
            Ashu Kumar Bansal
Optical physicist
        
        
            
            Hien Nguyen
Polymer chemist
        
        
            
            Olena Kulyk
Biomedical electronics engineer