Images in motion
CONTENT BLOCK SHOWCASE 02 / 04
A visual tour using existing Duke of Tokyo photography. Review the hero, image crops, captions and horizontal galleries. This is staging demonstration content.
01 / One photograph, one story
Single image / venue gallery 1. A deliberately longer caption tests wrapping beneath the photograph without extending the width of a phone screen.
02 / A gallery you can explore
Image Slider / three slides. Drag or swipe horizontally to reveal each image. Every slide has a distinct caption and alternative text; the page itself should stay within the viewport.
THREE PERSPECTIVES
Find your favourite corner
1
Slide 1 / venue gallery 2
2
Slide 2 / venue gallery 3
3
Slide 3 / venue gallery 4
03 / Portrait versus landscape
Two Column Portrait / the next pair uses tall 3:4 frames. Compare it with the wide 16:9 pair immediately afterwards; these should be visibly different crops.
1
Portrait / left / 3:4 crop
2
Portrait / right / 3:4 crop
Two Column Landscape / the same two photographs in wide frames make the crop comparison unambiguous.
1
Landscape / left / 16:9 crop
2
Landscape / right / 16:9 crop
04 / Minimal gallery variants
Image Slider / one slide, no title or pre-title. There should be no empty heading or misleading navigation. The final standalone image has alternative text but intentionally no caption.
1
One image, no gallery title
Explore the complete staging showcase