SharePoint Lightroom Image Gallery Web Part

Summary

A SharePoint web part, created with SharePoint Framework (SPFx) that visualizes images/photos from a Document Library or Picture Library on a page. It uses the existing folder structure to create albums and puts them in the breadcrumb when opened. Clicking on an image opens a nice Lightbox effect for easy browsing the fullsized versions.

Feature set:

1. Select SharePoint Picture/Document Library
2. Navigate through images and folders
3. Show breadcrumb to visualize context in the library
4. Show Lightbox effect for images, using react-lightgallery

Used SharePoint Framework Version

Applies to

• SharePoint Online
• Microsoft Teams - Untested!!
• Office 365 tenant

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.

---

Minimal Path to Awesome

Either download the latest release OR build it yourself:

• Clone this repository
• in the command line run:
  • npm install
  • gulp build
  • gulp bundle --ship
  • gulp package-solution --ship

Install the package:

• Add to AppCatalog and deploy
• Add the web part Lightbox Image Gallery to a SharePoint page

---