Jump to content

Custom Lightbox Image

Recommended Posts

Site URL: https://mayellre.squarespace.com/about

Hello  forum peeps !

Does anyone know of a way I can customize a gallery lightbox action using css (or any other way)? What I would like to happen is that when an image in the gallery is clicked, instead of showing that same photo in the lightbox, I'd like it to show a different photo. I've attached a screenshot for example.

Note the text in the "new image" shown in the screenshot will be part of the image. Unless of course, you know how I can keep it live! 😄

the access password is: bennythejet

Screen Shot 2020-05-21 at 9.43.54 AM.png

Link to comment

CSS can't solve this, I think you need JavaScript, it is complex, difficult to find answer here.

Try posting on some groups on Facebook

  • Squarespace Customization Resource Group
  • Squarespace Community

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 year later...
On 5/21/2020 at 8:58 PM, PrismaVisual said:

Site URL: https://mayellre.squarespace.com/about

Hello  forum peeps !

Does anyone know of a way I can customize a gallery lightbox action using css (or any other way)? What I would like to happen is that when an image in the gallery is clicked, instead of showing that same photo in the lightbox, I'd like it to show a different photo. I've attached a screenshot for example.

Note the text in the "new image" shown in the screenshot will be part of the image. Unless of course, you know how I can keep it live! 😄

the access password is: bennythejet

Screen Shot 2020-05-21 at 9.43.54 AM.png

You can use Summary block and buy the Lightbox anything to display the blog content in the lightbox like that way

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
On 9/29/2021 at 9:12 PM, Winther said:

Hi @PrismaVisual

 

Did you ever solve this?  :D)

 

Greetings from Denmark. 

You can see Lightbox Plugin here

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.