Jump to content

Next/Previous arrows when seeing an image in the lightbox

Recommended Posts

Hello,

I would like to add a CSS that will allow my clients to navigate easily from one image to the other when seeing it in big from the lightbox. Is there a code that will give arrows or maybe just by clicking on the right and left side of the image to change to another ?

 

Thanks !

Here's my website: www.nojqui.com

Link to comment
  • 2 weeks later...
  • 6 months later...

Does anyone have a work around to enable a simple "click to next image" once an image block is opened in its own Lightbox? 

Its a hell of a lot easier to arrange and curate images on a page using single image blocks rather than galleries which are so generic and still very clunky and a headache to use. 

Surely there must be some custom CSS to enable "go to next image on page" when open in a Lightbox.

many thanks,

Damon

Link to comment
On 4/19/2023 at 9:53 PM, nojqui said:

Hello,

I would like to add a CSS that will allow my clients to navigate easily from one image to the other when seeing it in big from the lightbox. Is there a code that will give arrows or maybe just by clicking on the right and left side of the image to change to another ?

 

Thanks !

Here's my website: www.nojqui.com

I can not access your site nojqui.com..., anyway the feature is covered in my plugin Lightbox Studio, please take a look

https://beyondspace-showcase.squarespace.com/lightbox-demo?noredirect

The images blocks lightboxes are connected when you open them...

Or you can check client site https://demoarch.com/projects-demo/olivepassivehouse

 

Edited by Beyondspace

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 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

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.