Image Gallery Open Interaction in Framer

About the resource

The resources are created with a component that has two variants: one is "default" and the other is "open."

In the open variant, you can simply adjust the position and scale of the images to open up the gallery.

To create the interaction, I just connected the two variants using the button element and set the trigger to "tap." So, when we click the button, we switch to the open variant.