Jump to content

Hide/Show sections by clicking image in gallery section

Go to solution Solved by tuanphan,

Recommended Posts

I have a main image gallery section that has four images within it. When a user clicks on an image, I want it to load another image gallery section underneath it. When they click on another image from the main gallery, it hides the previous section and loads a new one. Here's my website with all the gallery sections currently visible:

https://www.lucasano.com/invitations

Right now, there are anchor links driving the user to each of the sections.

I've been researching all day and can't find a way hide/load when clicking an image. Note I am not a Circle member so I cannot add gallery blocks, so trying to do this with sections.

Here is good example of what I am trying to do: https://rudneynovaes.com/services-weddings. (scroll down to "Signature Wedding Photography").  You'll see when you click an image, it scrolls down to reveal the album for that photo.

Link to comment
  • Replies 3
  • Views 410
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

I think if you use Gallery Block, it will be easier. My ideal is

Left: Use Gallery Block with 4 Images or 4 Image Blocks

Right: Use 4 Gallery Blocks

Initial: Hide 4 Gallery Blocks

Hover on each image on left >> Show corresponding gallery on right.

If you want to do this, I can give you a guide.

And to add Gallery Block, you can follow this thread.

 

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!)

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.