Jump to content

Gallery Hover Image (Brine 7.0)

Recommended Posts

  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

52 minutes ago, fourgrounds said:

Site URL: https://fourgroundspreview.squarespace.com/ourwork

Hi, I'm trying to have my gallery image change to another image on hover. Is there a way to do this with CSS? Any help is greatly appreciated.

 

https://fourgroundspreview.squarespace.com/ourwork
password: fourgroundspreview

Do you want this gallery on the page, which each element will open a lightbox?

 

If you are familiar with uploading new image via squarespace, can consider using the psuedo css selector for that

 

Edited by bangank36
change

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, Keyword Highlighter
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
5 hours ago, fourgrounds said:

I could not get this working. Because my image opens in a lightbox I wasn't sure where to grab the href from. Also should this be in header injection or custom css for the site? I tried both but didn't have success with either.

Let me think about this and get back to you, since it's all lightbox so there is no unique url for them. One possible option is to create double images of the gallery and use the 'odd' item as the back image, eg you have 9 images in gallery, now you need to set up 18 and use custom code to edit. Will you be open to that?

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, Keyword Highlighter
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

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.