Jump to content

Enlarge, Lightbox, or Zoom Images In Slideshow: Simple?

Recommended Posts

Site URL: https://glockenspiel-lily-ypyr.squarespace.com/floor-plans-s-d

Hello!

I would like to have images in the simple slideshow enlarge when clicked or zoom in and move with the cursor when hovered over. 

Basically I want people to be able to see the details of each image (floor plans in this case). I'm a novice to coding, but I was able to find a basic code that makes the image enlarge when hovering. My issue with this is, you can't move around the image to see different parts of it while zoomed in.

Any advice or work-around would be much appreciated!

I've seen some people say that they uploaded each image to a page of their own, then used a link or code to have the image page open. If there's a way to do that without it opening a new page I'd be happy to try that.

Link to comment
  • 6 months later...
On 3/12/2021 at 11:52 PM, StacyB95 said:

Site URL: https://glockenspiel-lily-ypyr.squarespace.com/floor-plans-s-d

Hello!

I would like to have images in the simple slideshow enlarge when clicked or zoom in and move with the cursor when hovered over. 

Basically I want people to be able to see the details of each image (floor plans in this case). I'm a novice to coding, but I was able to find a basic code that makes the image enlarge when hovering. My issue with this is, you can't move around the image to see different parts of it while zoomed in.

Any advice or work-around would be much appreciated!

I've seen some people say that they uploaded each image to a page of their own, then used a link or code to have the image page open. If there's a way to do that without it opening a new page I'd be happy to try that.

You want feature like product zoom or in gallery section lightbox?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace (+100 Spark plugin customisations)
🥳 Freemium Squarespace Widget Templates (+1000 Elfsight 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
  • 5 months later...
  • 11 months later...
On 3/14/2022 at 10:23 PM, CooperBlack said:

Since this thread was already started, I'll add to it instead of a new one.

My client asked if images in the gallery slideshow can be zoomed/enlarged in the mobile version of the site:

https://raccoon-oarfish-szer.squarespace.com/projects

Pwd: Largeosity

 

You meant to be displayed on lightbox and be zoomable there?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace (+100 Spark plugin customisations)
🥳 Freemium Squarespace Widget Templates (+1000 Elfsight 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
  • 1 year later...
Seems like the lightbox for 7.1 gallery sections has landed with all gallery layout supports (Lightbox for Gallery sections - affiliate link - non affiliate link)
- Slideshow: simple
- Slideshow: fullscreen
- Slideshow: reel
 
Example:
Edited by HoaLT
edit aff to affiliate to make my links clear

Press 👍  or mark my comment as solution if you find my sharing useful

🆒 Squarespace pinchzoom lightbox plugin (affiliate link)

👁‍🗨 360 degree photo viewer (affiliate link)

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.