Website gallery

From CNM Wiki
Jump to: navigation, search

Layout options

Grid

based on an aspect ratio of your choosing.

Justified

same height, different image widths -- to set the height for each row, and varying width per image.

Masonry

same widths, different heights -- to maintain the same image width and varying heights.

Overlay

The overlay styling.

Content design

Show any combination of content as part of the gallery: incorporate the title, caption, alt, description or keep it clean. You can adjust just about anything with the style and layout of the content, with full control of typography and positioning. Use CSS filters and blend modes to give your gallery a consistent stylish look.

Multiple gallery filtering

Why settle for one gallery? Build a multiple gallery display that includes a filter bar, so your visitors can easily navigate between different image categories. Worried about setting the same image across several categories? Once the visitor goes back to the full display option, those repeating images will only appear once.

See also