Difference between revisions of "Website gallery"

From CNM Wiki
Jump to: navigation, search
(Created page with "==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 w...")
 
(Layout options)
Line 10: Line 10:
  
 
same widths, different heights -- to maintain the same image width and varying heights.
 
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.

Revision as of 14:44, 27 September 2019

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.