Can gallery elements be used to expand a different image than the one clicked?

Question:
Is there a way that I can set up a gallery of images so that when it is clicked to expand mode, the image either swaps out for a different larger image, or zooms out from the cropped thumbnail?

Product:
Using default Wix editor, Pro account. Can be an addon or downloaded app.

What are you trying to achieve:
I’m trying to make a grid of logos I’ve made, with only the final logos displayed as gallery grid items to be clicked on, then when clicked and brought into expand mode, I’d like to include alternative logo versions, mockups, brand colors, etc. I can bake all that into a larger PNG to be swapped out, or I can make a formatted PNG so that the logo is always focused on in the same place and the rest is shows as cropped out from the grid gallery. I’d be willing to consider a different module option, addon or other app, but I’m hoping to retain the ability to include titles and descriptions, and the carousel arrows to continue browsing items within the same gallery. Is this possible? Have you seen something similar?

What have you already tried:
Doesn’t appear to be able to do this with any consistency with the baseline gallery options.

That would be an amazing feature to have for the Wix pro gallery element!

Kind of like a “preview” image vs “expanded” image.

Unfortunately, it is not natively possible BUT ….

You can possibly recreate this effect by using a pro gallery, a database, a lightbox and some velo code.

The overall logic would involve you adding the preview and expanded image into a database. The code on the page would detect which image was clicked on, open the lightbox and pass the item ID variable to the lightbox. Then the code in the lightbox would know which expanded image to display.

1 Like

Can be done without code too. Simply create a custom lightbox for each image, and link each image’s click action to open that respective lightbox. And then simply add two buttons to the right and left of the lightbox and link them to the lighbox for the Prev and Next image in the gallery and that’s it.

Here’s a live example that I’ve built in one of my sites. Works beautifully. https://www.pramitiphilanthropy.com/#homecauses

If you have a lot of different logos / images then creating a lightbox for each simply won’t make sense. In that case, @codequeen’s solution works.

2 Likes