Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

The PB Masonry Gallery is a JavaScript grid layout that allows you to display a collection of images. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You can also click on each image to view each image separately or altogether in a modal carousel.

Video Demo

...

Masonry Gallery Grid Order

...

Adding a Masonry Gallery

See examples of a Masonry Gallery

...

  • Under Horizontal Border, choose whether you want to add a HorizontalBorder to the top, bottom or both top and bottom of this text block area. The default is none (ie. no border).

Adding an Image to your Masonry Gallery

  • Under Image, choose an image from your computer and Upload

...