Skip to content

Experiment: Add zoom and animation toggle for image lightbox #51055

@artemiomorales

Description

@artemiomorales

What problem does this address?

This builds on the image lightbox experiment using the Interactivity API, introduced in #50373, and is related to #49972 and #50029.

Some users prefer the effect of a zoom animation for the lightbox over a fade animation. Ideally, users would be able to select the animation they prefer.

What is your proposed solution?

Add support for a zoom animation to the lightbox, as well as a toggle for the behaviors UI, allowing users to select their preference when the lightbox is enabled for a particular block.

Initial explorations by @SantosGuillamot in the videos below and in this branch.

These explorations are originally from a comment in the initial PR.

Desktop

239522890-21e9aa36-3352-4b9c-9d06-50fdc821e205.mp4

Mobile

239522971-099fb143-1ab2-462e-9add-086cb032a6ff.mp4

Explanation

Lightbox.Zoom.mp4

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions