Jump to content

Recreate Instagram multiple photo carousel in a lightbox

Go to solution Solved by Beyondspace,

Recommended Posts

I'm essentially trying to recreate my Instagram feed on my own website. I want to be able to click on an image thumbnail in a grid view and open up a lightbox containing a carousel of images.

I know you can easily add a lightbox to any gallery page, which cycles through the images on that page, but I want to cycle through a set of images that are not displayed on the page. Can you suggest a way to do this? Thanks in advance!

Link to comment
  • Solution
On 9/16/2024 at 4:47 AM, ac330 said:

I'm essentially trying to recreate my Instagram feed on my own website. I want to be able to click on an image thumbnail in a grid view and open up a lightbox containing a carousel of images.

I know you can easily add a lightbox to any gallery page, which cycles through the images on that page, but I want to cycle through a set of images that are not displayed on the page. Can you suggest a way to do this? Thanks in advance!

Like so?

Elevating Dynamic Galleries with Lightboxify URLs

The dynamic gallery is made possible with Lightbox Studio plugin where you display images from other galleries into one lightbox, with each image will open seperate set of images

Edited by Beyondspace

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace (+100 Spark plugin customisations)
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment
13 hours ago, ac330 said:

Thank you for sharing this plugin, I think it will work for my needs. Would there any issues with having 100 or so galleries set up this way, each with 5-10 images?

I don't think of any issue, but you can preview the plugin by creating the galleries and check if it work before purchasing. The feature is made to be compatible with the Live playground already

But I think it is better to put all those galleries in the same page rather than different pages, since it will speed up the load time (100s galleries is big, since the gallery item limit is 250 per gallery)

Edited by Beyondspace

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace (+100 Spark plugin customisations)
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment
7 minutes ago, ac330 said:

Thanks, I'll give it a try!

Let me know once you got it implemented, I'd like to take a look and at the load time

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace (+100 Spark plugin customisations)
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.