Blog

SP Easy Image Gallery example 1

GOAL: Single image floated left or right, opens in lightbox showing multiple images.

One possible single image to lightbox popup gallery solution? At left is a SP Easy Image Gallery Module, inserted with Modules Anywhere. Manually wrapped in a div to add float:left and margin. 

1. Create Album: Components > SP Easy Image Gallery > Albums. Make the first image's title "Click to zoom" or "Click for gallery."

3. Create Module to display Album: Site Modules, new module of type SP Easy Image Gallery. 

4. Module Settings* best for this usage: Limit: 1 (to only show the one thumbnail), Layout: Default, Columns: 1 (so unusused space for columns 2+ are not created). 

5. Load module by name or id within Article text. Wrap in div to style. 

*Module Settings notes: Mosaic Layout definitely for multiple images, probably 6+. Rectangle Layout added class .speasyimagegallery-col-sm-8, making unused space to right of single thumbnail image.

PROBLEM: Limit: 1 means one image in popup too, not just one thumbnail. 

Related Articles

Information

All images are for demonstration purpose only. You will get the demo images with the QuickStart pack.

Also, all the demo images are collected from Unsplash. If you want to use those, you may need to provide necessary credits. Please visit Unsplash for details.