Beispiel 1
Flexible Masonry: All entries get the same width but Images of each entry are displayed with their original height and width ratio
Beispiel 1a
Flexible Masonry: All entries get the same width but Images of each entry are displayed with their original height and width ratio.
Ansonsten das gleiche wie in Beispiel 1 nur mit Gaps zwischen den Bildern. Gaps könnte man für die folgenden Beispiele dann auch einsetzten.
Beispiel 2
Perfect Automatic Masonry: Display a grid where most elements get the same size, only elements with very wide images get twice the width and elements with very high images get twice the height. To qualify for “very wide” or “very high” the image must have a aspect ratio of 16:9 or higher
Beispiel 3
Perfect Manual Masonry: Manually control the height and width of entries by adding either a “landscape” or “portrait” tag when creating the entry. Elements with no such tag use a fixed default size, elements with both tags will display extra large
Beispiel 4
Perfect Grid: Display a perfect grid where each element has exactly the same size. Images get cropped/stretched if they don’t fit