Glow CloudKit Get the kit

How to add an image and video gallery to SharePoint

SharePoint's native Image gallery is limited. What it does, where it stops, and how to add a responsive gallery with a lightbox and inline SharePoint video.

Photos and video bring an intranet to life - event galleries, product shots, culture content. SharePoint has an Image gallery web part, but it's fairly plain and stops at pictures. Here's what it does, where it runs out, and how to add a polished gallery that handles video too.

What SharePoint gives you natively

  • Image gallery web part - grid, brick or carousel layouts from images you add or from a library.
  • A simple full-screen view of a single image.
  • File and media web parts for embedding one video at a time.

Where the native options stop

  • Limited layouts - no masonry, justified rows, collage or filmstrip.
  • Images only - you can't mix video into the same gallery, and there's no proper lightbox with captions.
  • Little control over hover styles, spacing or per-item audience targeting.
  • Video from Stream or a sharing link needs separate handling and often shows no real thumbnail.

The supported way: an SPFx gallery web part

A SharePoint Framework (SPFx) web part can render a richer, responsive gallery from the same images and libraries. Glow Cloud Kit Showcase offers seven layouts - grid, masonry, justified rows, collage, mosaic, carousel and filmstrip - an accessible lightbox, soft hover styles, and items added by hand or bound live to a document library. Crucially, video just works: Stream and sharing links play inline, large uploads show progress, and every video tile gets a real thumbnail - captured from the video itself when SharePoint hasn't generated one. Per-item and whole-gallery audience targeting are built in.

A checklist for a great gallery

  1. Choose a layout for the content - justified rows for photos, mosaic for a mixed set.
  2. Add items by hand, or bind to a document library so new files appear automatically.
  3. Mix in video where it helps - it plays in the same lightbox as the images.
  4. Check load performance with lazy loading on a page with many items.
  5. Test the lightbox and captions on mobile.

Related

Make SharePoint beautiful

Glow Cloud Kit gives you custom headers, theming, a modern staff directory and a multi-calendar view - installed on your tenant in minutes. 14-day free trial.