Choose and test an image carousel or gallery

Compare a visible gallery

List the images and their purposes. For three product views, a captioned gallery may avoid repeated switching. For a longer set, thumbnails or a list can make direct selection easier than many Next presses.

Keep the heading, main proposition and contact action outside rotation. Essential information should not depend on when someone looks at the page. Check cropping and faithful presentation, especially when a detail can change a purchase decision.

Give people control of movement

The W3C carousel pattern includes understandable controls and control over automatic rotation. Rotation stops when focus enters and does not resume without an explicit request. The pause, stop or hide criterion explains applicable conditions for moving content.

Manual rotation is often a simpler starting point. Test Next without unnecessarily moving focus. Hidden slides must not leave invisible links in keyboard navigation. Swiping may supplement visible controls rather than become the only way through the images.

Connect media, captions and performance

Each view needs its matching caption, context-appropriate alternative text and rights information. An illustration must not be presented as a completed-project photograph. Check that switching updates the correct text and mobile cropping retains the described subject.

Load variants appropriate to display size and reserve dimensions. Twelve slides should not require twelve large downloads before the page can be read. Check the initial image, the next image and failed media without leaving an unexplained empty frame.

Example: show three product details

Educational example: a shop presents front, back and fastening detail with captions. A thumbnail gallery is compared with a manual carousel. Testing asks people to find the fastening and return to the general view on a phone and keyboard. Observations inform the choice without inventing a conversion gain.