fourgrounds Posted June 18, 2020 Share Posted June 18, 2020 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 Link to comment
Beyondspace Posted June 18, 2020 Share Posted June 18, 2020 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 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) 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
fourgrounds Posted June 18, 2020 Author Share Posted June 18, 2020 Yes on that page each opening up in a lightbox. I will give this a try. It should work in 7.0? Link to comment
fourgrounds Posted June 18, 2020 Author Share Posted June 18, 2020 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. Link to comment
Beyondspace Posted June 19, 2020 Share Posted June 19, 2020 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? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) 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
fourgrounds Posted June 19, 2020 Author Share Posted June 19, 2020 Yes I would be interested in that. Thank you! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.