DamonCameron Posted November 15, 2023 Posted November 15, 2023 Does anyone know if there is a CSS code to enable a page of image blocks to have the "click to next image" function once an image is opened in its own LightBox? In essence giving a page of image blocks the same feature as a Gallery once an image is opened in a light box. The user clicks on an image - it opens in a lightnbox (which is easy to do), and now the user should be able to click to next image on the page and have it appear in the light box. Rather than close the image down, move to the next one and then click to view bigger and in isolation. I find it so much easier and intuitive to arrange and curate a page of images by using single image blocks, but the light box function is basically useless because it only work for one image at a time, and the user has to close each image and move onto the next instead of simple clicking onto the next image on the page without leaving the Light Box view. Galleries are very clunky to curate and the design features are so limiting. many thanks, Damon Beyondspace 1
melody495 Posted November 15, 2023 Posted November 15, 2023 Hi, is this what you are looking for? Beyondspace and DamonCameron 1 1 -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Web Designer & Developer | All things Squarespace When I have time, I like to help on the Forum, but if you need my full attention, please send your request here. Tools I use: (affiliate links) 📅Blog Date Format plugin (Free by BeyondSpace) ⏬Lazy Load Summary Block plugin (by Squareswebsites) 📜Privacy Policy & Cookie Consent plugin (10% off by Termageddon) 📈SEO plugin for Squarespace (by SEOSpace) ☕ Did I help? I like coffee (Thank you)
Beyondspace Posted November 15, 2023 Posted November 15, 2023 (edited) Thanks for the quote @melody495! @DamonCameron if you send me your site url with all enabled image lightboxes, I can send a dedícted playground url so you can test it on your site See client site with feature enabled https://demoarch.com/projects-demo/olivepassivehouse Edited November 16, 2023 by Beyondspace BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
DamonCameron Posted November 16, 2023 Author Posted November 16, 2023 Thanks @melody495. And thanks @Beyondspace. Yes it appears thats exactly what Im after. URL: https://www.photosbydamon.com/ Thanks, Damon Beyondspace 1
Beyondspace Posted November 16, 2023 Posted November 16, 2023 (edited) 1 hour ago, DamonCameron said: Thanks @melody495. And thanks @Beyondspace. Yes it appears thats exactly what Im after. URL: https://www.photosbydamon.com/ Thanks, Damon Hi @DamonCameron please check the recording for your homepage and gallery page where individual image blocks are connected into the single lightbox gallery You can test the playground here https://beyondspace-showcase.squarespace.com/lightbox-studio?noredirect&websiteUrl=www.photosbydamon.com Note: I just noticed the Playground has a problem displaying the connected Lightbox (I'm working on it), but rest assured it will work correctly on your page per the recordings Kapture 2023-11-16 at 13.11.02.mp4 Kapture 2023-11-16 at 13.09.47.mp4 Edited November 16, 2023 by Beyondspace BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
DamonCameron Posted November 16, 2023 Author Posted November 16, 2023 @Beyondspace the recording look good. But the test link doesn't seem to work as per your note. So how does it work? is it code? Beyondspace 1
Beyondspace Posted November 16, 2023 Posted November 16, 2023 (edited) 48 minutes ago, DamonCameron said: @Beyondspace the recording look good. But the test link doesn't seem to work as per your note. So how does it work? is it code? @DamonCameron it is just the problem of the playground, the plugin is working just fine, now you can check the test URL again By default the settings is not enable, please follow this to enable the feature for testing Kapture 2023-11-16 at 14.14.24.mp4 Edited November 16, 2023 by Beyondspace BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
DamonCameron Posted November 16, 2023 Author Posted November 16, 2023 @Beyondspace my site is not loading. Spinning black circle in middle...tried refreshing... Beyondspace 1
Beyondspace Posted November 16, 2023 Posted November 16, 2023 25 minutes ago, DamonCameron said: @Beyondspace my site is not loading. Spinning black circle in middle...tried refreshing... hmm, looks like the cache has messed up the site, please retry now, I just tested it on separate PC DamonCameron 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
DamonCameron Posted November 16, 2023 Author Posted November 16, 2023 @Beyondspace Ok. Looks good, thanks. Lightbox Studio Playground 👍🏼 Will look at purchasing the plugin. Thanks Beyondspace 1
Beyondspace Posted March 3 Posted March 3 On 11/17/2023 at 4:50 AM, DamonCameron said: @Beyondspace Ok. Looks good, thanks. Lightbox Studio Playground 👍🏼 Will look at purchasing the plugin. Thanks In the last update, lightboxes now can be group from all lightboxes in the page, check the detail BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment