Jump to content

How to have Pop-up Text box (like a lightbox) when clicking on Gallery Images

Recommended Posts

Posted

Option 1 did the trick. Just scaled the site down a wee bit and problem solved. You rock!

  • 8 months later...
  • Replies 37
  • Views 59.1k
  • Created
  • Last Reply
Posted

Hi @brendancss , I love this code, but sometimes this works and sometimes it doesn't. I noticed when it doesn't it wants to add a "#" at the end of the url after I click on the text (that generates the lightbox). It doesn't always add a "#" just sometimes. Any clues on why it does this?

  • 2 months later...
  • 3 months later...
Posted

Hi @brendancss

Thank you for the directions - they're still extremely helpful 2 years later! When I follow the steps, I have the same problem as @Sjiron where the link jumps to the top of the page instead of opening a lightbox. The page isn't in an index, so I was wondering if you had any suggestions?

  • 8 months later...
  • 2 weeks later...
Posted

@andreab I've just tried using your code in a gallery block but I seem to be having an issue when I hover off the image. The image and text go completely white. Do you know how I can get the hover to stop happening? 

Screen Shot 2020-04-05 at 3.10.23 PM.png

Screen Shot 2020-04-05 at 3.10.30 PM.png

  • 2 months later...
  • 5 months later...
Posted
23 hours ago, jillgraycen said:

@andreab 

@AndreaDev, thank you for your posts! By any chance is there a code so that when the image is clicked a lightbox pops up with text only (no image)? Many thanks!

You can use Anything Lightbox Plugin.

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

  • 2 weeks later...
Posted

So I've tried this but when I click on the link it takes me back to the same (bio) page with the same url but a "/#" at the end. Am I doing something wrong here? No lightbox is popping up.

Posted
On 1/9/2021 at 12:39 AM, Squishyak said:

So I've tried this but when I click on the link it takes me back to the same (bio) page with the same url but a "/#" at the end. Am I doing something wrong here? No lightbox is popping up.

Can you describe all steps you did? & link to bio page, we can check easier.

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.