Alternating Marquee Rows
Three rows of photos drifting forever, each in the opposite direction.
Alternating Marquee Rows fill the screen with three bands of photography in constant, unhurried motion. The top row drifts one way, the middle row the other, the bottom row back again, and hovering any image scales it up and reveals its caption.
How it works
Two or more rows of images scroll sideways forever, with neighbouring rows travelling in opposite directions. The loop is seamless because the content is duplicated end to end, so the reset point never lands where anyone can see it.
When to use it
Use it when a brand owns a deep photo library and wants to feel like a living community: adventure collectives, restaurants, events, schools, congregations. It happily absorbs fifteen or more images, which most gallery patterns cannot.
Why it works
Counter motion between rows creates a weave the eye cannot ignore, yet the slow speed keeps it calm rather than busy. Because no single image is the hero, the section says look how much happens here, which is exactly the message community brands need.
Recommended for
- Outdoor and adventure brands
- F&B and restaurants
- Events and communities
- Photography heavy homepages
Common questions
What is a marquee row effect?
Continuously scrolling horizontal bands of images or logos, usually with alternate rows moving opposite ways. The opposing motion is what stops it reading as a single conveyor belt.
Do marquees hurt page performance?
Not if they are animated with transforms and the images are properly sized. The pattern to avoid is animating layout properties, which forces the browser to recalculate the page on every frame.
What should go in the rows?
Anything that gains from volume rather than detail: product ranges, community photographs, press logos, user submissions. It is the wrong home for anything a visitor needs to read, because it never stops moving.