Beyondspace
Circle Member-
Posts
9,915 -
Joined
-
Last visited
-
Days Won
80
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Beyondspace
-
For Gallery Section Slideshow: Full, the arrow selector is slightly different <script> // Wait for the DOM content to be fully loaded window.onload = function() { if (window.self !== window.top) { return; } // Function to simulate clicking the next arrow function clickNext(arrow) { arrow.click(); } // Query all elements with the class for carousel next arrows var nextArrows = document.querySelectorAll('.gallery-fullscreen-slideshow-control-btn[aria-label="Next Slide"]'); // Set auto-scrolling for each carousel nextArrows.forEach(function(arrow) { var intervalId; // Variable to hold the interval ID // Define a function to handle auto-scrolling for a specific carousel function autoScroll() { clickNext(arrow); } // Start the auto-scrolling for the current carousel intervalId = setInterval(autoScroll, 4000); // Stop autoplay when the arrow is clicked arrow.addEventListener("click", function(e) { // Stop autoplay when it is user-triggered event if (e.offsetX || e.offsetY) { clearInterval(intervalId); } }); }); }; </script> cc @Laticauda
- 6 replies
-
- custom-css
- gallery-block
-
(and 1 more)
Tagged with:
-
Why can't I add a gallery/image grid as a block?
Beyondspace replied to guilleUK's topic in Images & Videos
You can check Classic Gallery block, it allows insert Gallery blocks on your sections, free available -
Check this answer to see if it works for you
-
Auto-scroll Gallery (Type - Slideshow:Reel)
Beyondspace replied to gamercj's topic in Fonts, colors and images
This is tested against your site and it works <script> // Wait for the DOM content to be fully loaded window.onload = function() { if (window.self !== window.top) { return; } // Function to simulate clicking the next arrow function clickNext(arrow) { arrow.click(); } // Query all elements with the class for carousel next arrows var nextArrows = document.querySelectorAll('[data-test="gallery-reel-control-btn-next"]'); // Set auto-scrolling for each carousel nextArrows.forEach(function(arrow) { var intervalId; // Variable to hold the interval ID // Define a function to handle auto-scrolling for a specific carousel function autoScroll() { clickNext(arrow); } // Start the auto-scrolling for the current carousel intervalId = setInterval(autoScroll, 4000); // Stop autoplay when the arrow is clicked arrow.addEventListener("click", function(e) { // Stop autoplay when it is user-triggered event if (e.offsetX || e.offsetY) { clearInterval(intervalId); } }); }); }; </script> Place it in your Footer injection -
First turn off the autoplay of Gallery Slideshow:simple section, this script will autoplay the gallery until user clicks on the next arrow <script> // Wait for the DOM content to be fully loaded window.onload = function() { if (window.self !== window.top) { return; } // Function to simulate clicking the next arrow function clickNext(arrow) { arrow.click(); } // Query all elements with the class for carousel next arrows var nextArrows = document.querySelectorAll(".gallery-slideshow-control-next .gallery-slideshow-control-btn"); // Set auto-scrolling for each carousel nextArrows.forEach(function(arrow) { var intervalId; // Variable to hold the interval ID // Define a function to handle auto-scrolling for a specific carousel function autoScroll() { clickNext(arrow); } // Start the auto-scrolling for the current carousel intervalId = setInterval(autoScroll, 4000); // Stop autoplay when the arrow is clicked arrow.addEventListener("click", function(e) { // Stop autoplay when it is user-triggered event if (e.offsetX || e.offsetY) { clearInterval(intervalId); } }); }); }; </script> cc @D_Efinger
- 6 replies
-
- custom-css
- gallery-block
-
(and 1 more)
Tagged with:
-
Try <script> // Check if the window is loaded window.onload = function() { if (window.self !== window.top) { return; } // Function to simulate clicking the next arrow function clickNext(arrow) { arrow.click(); } // Query all elements with the class for carousel next arrows var nextArrows = document.querySelectorAll(".summary-carousel-pager-next"); // Set auto-scrolling for each carousel nextArrows.forEach(function(arrow) { // Define a function to handle auto-scrolling for a specific carousel function autoScroll() { clickNext(arrow); setTimeout(autoScroll, 4000); // Set the next auto-scroll after 4 seconds } // Start the auto-scrolling for the current carousel autoScroll(); }); } </script> If you want all your summaries on your site to auto run, place this code in your site Footer injection. Otherwise place it into each Page code injection
-
Are you planning to keep subscription of the website railroadworkersunited.org? If not then you have to migrate the files unfortunately
-
How add a carousel video + image on squarespace 7.1
Beyondspace replied to benedicte_morin's topic in Images & Videos
Checkout our freebie that supports adding Gallery blocks on 7.1 sections, then you can mix youtube videos and image in your carousel Classic Gallery block Kapture 2024-03-09 at 10.42.43.mp4 -
are you talking about mobile or desktop screen?
-
Updated script to use plain Javascript and stops if it is in edit mode <script> if (window.self === window.top) { document.addEventListener("DOMContentLoaded", function() { setTimeout(function() { const nextButton = document.querySelector('.gallery-reel-control-btn[data-next]'); if (nextButton) { nextButton.click(); } }, 3500); }); } </script>
-
Install this script to add Gallery blocks to your section Classic Gallery block, it is available for Personal plan users via Tampermonkey script as well
-
You can use Gallery blocks to add a Carousel of Youtube video, check out Classic Gallery block
-
Why is it so hard to create a simple image carousel?
Beyondspace replied to nparkdesigns's topic in Images & Videos
I created this freebie to unblock the gallery block for users, check Classic Gallery block. For those who are using Personal plan, the script is available as Tampermonkey script, too @CoorlasArchitecture @nparkdesigns Kapture 2024-03-09 at 10.42.43.mp4 -
Beware of Escape Key on Squarespace
Beyondspace replied to CaseyJScalf's topic in Getting Started With Squarespace
If you are looking for alternative, check our script Admin Quick acess https://beyondspace-showcase.squarespace.com/blog/replace-escape-key-login-with-admin-quick-access Kapture 2024-03-14 at 15.35.54.mp4 -
Gallery Slideshow Images showing up BLANK on mobile
Beyondspace replied to AshIzsak's topic in Images & Videos
-
How to add artist statement text page to gallery???
Beyondspace replied to ideafield's topic in Pages & Content
I think you may want to add a description to your image, and then use some custom code/css to hide the image and only display the text only- 6 replies
-
- gallery
- gallery-block
-
(and 1 more)
Tagged with:
-
You may find my snippet Admin Quick Access useful, recently I updated the code so it works on frontend mode, helps you quickly lands in the admin dashboard from any page. note that logged out user or your clients won't see this quick access in action Kapture 2024-03-14 at 06.29.07.mp4
-
[FreeShare] 7.1 Gallery Block Workaround
Beyondspace replied to Beyondspace's topic in Customize with code
Did the script broke your gallery 🥵 -
Gallery blocks only available to Circle users, normal users won't see the block on 7.1 Classic section and Fluid section
-
-
Existing Gallery in 7.1
I just made some changes to Classic Gallery block, now it allows you to choose existing galleries, just like 7.0 did! You can create a Gallery block or Section on a blank page and the existing gallery will be available to choose.
If you have a dropdown name exactly `Classic Gallery Pages`, the code will look for pages inside that dropdown only, help reduce the time comparing to seeking gallery on all other pages...
-
[FreeShare] 7.1 Gallery Block Workaround
Beyondspace replied to Beyondspace's topic in Customize with code
@MoeCritiques I'd like some feedback here! -
The itemId is auto generated for each image and can not be changed when opening the lightbox
-
Download video files from asset library/website
Beyondspace replied to SourceProjects's topic in Images & Videos
Will this help? also please note that the downloaded images are not the origin files, since Squarespace has been made some compression to your images, but the code will try to download the max images size at 2500px...