Infinite Marquee Gallery Block for React

Yes. The Pause scrolling button above the rows sets both to paused and keeps aria-pressed, with a play icon while paused. Hovering a row or putting keyboard focus on a title in it also holds that row, so a visitor can read a caption or follow a link without chasing it. Under reduced motion the animation never starts, so the button is hidden.

No. The row repeats its prints to fill the width, and every repeat after the first is hidden from assistive technology and marked inert, so it is not in the tab order either. A reader meets each of the twelve prints once, as a figure with its title and place.

Nothing moves by itself. The looping copies are hidden, the edge fade is dropped so the first and last prints are not covered, and each row becomes an ordinary horizontal scroller: swipe or scroll it, or tab through the titles, which scroll into view. The Pause button goes away with the motion.

Each PrintRow takes speed and reverse. The two rows use different speeds on purpose, so they never line up. Their prints are two lists at the top of the file (LANDSCAPES and PORTRAITS): add or remove a print and the row refills itself.

Each print in the lists has a title, a place, a year and a description. Add your image's address to it, and replace the Scene in print() with <img alt="" className="size-full object-cover" src={…} />: the frame keeps the three by two or two by three shape and the caption names the picture. The comment above Scene says where.

Yes. Each row follows the page's direction, the captions keep their place and year in reading order, and the drawn pictures are not mirrored, because a picture is not text.