Scroll Sync Gallery est une grille verticale de médias où chaque colonne bouge à sa propre vitesse au fil du scroll, créant une parallaxe en cascade douce.

Chaque colonne se configure à part : nombre d’items, ordre, et remplacement d’une image par une vidéo n’importe où. Ratio, gap et border radius se personnalisent, avec des contrôles par breakpoint.

Médias

• Mélange d’images et de vidéos dans n’importe quelle colonne

• Poster, autoplay, loop, muted et contrôles par vidéo

• Champ alt text sur chaque item pour l’accessibilité et le SEO

Layout

• 2 à 6 colonnes, configurables par device

• N’importe quel ratio CSS (1, 2/3, 3/4, 4/3, 9/16, etc.), gap et border radius réglables

• Toggle overflow : crop net ou mouvement de colonne visible

Mouvement et performance

• Chaque colonne défile à son rythme, la première reste fixe comme repère

• Fonctionne avec ou sans Smooth Scroll

• Les vidéos ne chargent que leurs métadonnées, mouvement désactivé sur le canvas et en export