Scrolling Background Image Marquee

What You'll Create

A full-screen section where gallery images scroll continuously across the background like a marquee. Images move horizontally in an endless loop, creating a dynamic, eye-catching backdrop for your content.

The Problem It Solves

Squarespace galleries are static by default. If you want that trendy continuous scrolling image effect seen on modern creative sites, there's no built-in option. This technique transforms a standard gallery block into an animated background marquee.

Perfect For

Homepage hero sections, Portfolio showcases, Client logo displays, Brand imagery backgrounds, Creative agency sites

What Makes This Different

This approach turns your gallery into a full-height background that scrolls continuously without any user interaction. The images maintain their aspect ratio while filling the section height, and the animation respects users' reduced motion preferences. It works smoothly on both desktop and mobile with adjusted timing.

Details

• Section Type: Classic

• Code Type: CSS + JavaScript

• Prerequisites: Gallery Block in a section, Custom Section Height setting applied, Fill Screen enabled

• Toolkit Title: Scrolling Background Marquee

Learn This Technique

This is one of 150+ code techniques taught inside Standout Squarespace, where you get:

• The complete, copy-paste code

• Video walkthrough explaining how it works

• The principles behind the technique so you can customize it

• Access to our private community for support