Image gallery web part with a photo grid on SharePoint

An image gallery web part with a lightbox for SharePoint

You want a photo grid on the intranet. Life at the company, an event, the new office. A grid of images that opens bigger when you click one. Here is a web part for it.

Image gallery web part showing a photo grid on SharePoint
A photo grid, with a lightbox when you click a photo.

It reads a SharePoint document library. You point it at a library, upload your images, and it shows them. Only image files are shown, so other documents in the library are ignored. The Provision-IntranetLists.ps1 script creates the IntranetGallery library for you.

Image Gallery property pane showing the photo library and columns
Point it at a document library, set the columns.

In the property pane you point it at the photo library, choose a layout, and set how many columns the grid has. Click any photo and it opens in a lightbox over the page.

The Image Gallery is part of my open source SPFx Intranet Suite, a set of web parts for a modern SharePoint intranet. Install the package once and it shows up in the toolbox under Intranet Suite.

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.