Media
Pictures, galleries, sliders and comparisons. Every one of them refuses to publish without alt text, which is why the Kit's pages pass an axe scan rather than nearly passing one.
Gallery
Six layouts over the same set of pictures.
Even
A plain grid, every tile the same size.
Masonry
Columns of unequal height, no cropping.
Featured
Every few tiles, one runs large.
Mosaic
A fixed pattern of wide, tall and square.
Justified
Rows of equal height, widths adjusted to fill.
Author
Each picture carries its own size.
Image
One picture, with an optional hover effect.
None
Hover effect: None.
Zoom
Hover effect: Zoom In.
Grayscale to colour
Hover effect: Grayscale to Color.
Lift and shadow
Hover effect: Lift & Shadow.
Dark overlay
Hover effect: Dark Overlay.
Before and after
Two pictures under a draggable divider.
Horizontal wipe
Drag left and right.
Vertical wipe
Drag up and down.
Fade
Cross-fade instead of a wipe; no handle.
Slider
Three card styles, four heights, and autoplay that pauses on hover.
Image overlay
Caption over the picture.
Maison Lumiere
Northgate Foundry
Riverbank Trust
Wild Fizz
Image on top
Picture above, text below.
Maison Lumiere
Northgate Foundry
Riverbank Trust
Wild Fizz
Split
Picture one side, text the other.
Maison Lumiere
Northgate Foundry
Riverbank Trust
Wild Fizz
