Opens in a new tab

Gallery · Accordion strip basic

A basic photo gallery accordion for Bricks Builder, built on the native Image Gallery element: the photo under the mouse or keyboard focus widens while the rest make room, in a straight row. The last visible photo carries a «+ Images» badge 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-basic

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 basic (2.0).