Opens in a new tab

Gallery · Accordion strip

An accordion gallery for Bricks Builder built on the native Image Gallery element: a row of tilted photos where the one under the mouse or keyboard focus widens while its neighbors make room. The last visible photo carries a "+ Images" veil that opens the lightbox with the full set.

Dark mode ready

Copying for Fancy Framework · Desktop first

Needs a framework. Get Fancy Framework (free)

In the annual plan, $99/year. See plans

Preview

Template details

What’s inside

The components it’s built from. They come with the template when you paste it, and you edit them from the Bricks panel.

  • FBK Intro

    Eyebrow, title, lead and an actions slot for buttons.

Adjust it

Change these variables in Bricks to tune it; everything else follows your framework.

On the element Accordion gallery, class fbk-accgal

Height of the strip, how much the open photo grows, turn or offset of the style, text of the last photo

--fbk-t-height
clamp(18em, 28vw, 22em)
--fbk-t-grow
3
--fbk-t-tilt
15deg
--fbk-t-shift
1.5em
--fbk-t-more
"+ Images"

Speed of the opening: the one of hero-accordion and FBK Panel accordion (--fbk-pacc-speed)

--fbk-t-speed
0.7s

How long the row waits, once the mouse has left it, before the photos share it again (row script)

--fbk-row-wait
0.2s

Replaces

In Fancy Bricks 1.0 and 2.0 this was Accordion Gallery (2.0).