Beyondspace
Circle Member-
Posts
9,915 -
Joined
-
Last visited
-
Days Won
80
Beyondspace last won the day on October 9 2022
Beyondspace had the most liked content!
Personal Information
Recent Profile Visitors
23,019 profile views
Beyondspace's Achievements
-
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:
-
Beyondspace started following Need help from a circle member , Why can't I add a gallery/image grid as a block? , Stop slideshow autoplay on click and 5 others
-
Beyondspace reacted to a post in a topic: When will Squarespace make it easier to change the site color palette?
-
Beyondspace reacted to a post in a topic: When will Squarespace make it easier to change the site color palette?
-
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 -
cookiemonster reacted to a post in a topic: TWO Carousels Auto Scroll
-
Beyondspace reacted to a post in a topic: Video gallery – filter by tag and open in lightbox
-
Beyondspace reacted to a post in a topic: Video gallery – filter by tag and open in lightbox
-
Check this answer to see if it works for you
-
Beyondspace reacted to a post in a topic: Stop slideshow autoplay on click
-
Beyondspace reacted to a post in a topic: Stop slideshow autoplay on click
-
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 -
Beyondspace reacted to a post in a topic: Auto-scroll Gallery (Type - Slideshow:Reel)
-
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 -
Brendanmkav reacted to a post in a topic: Enhanced Datepicker for blog publication
-
mdrockeyopu reacted to a post in a topic: Highlight Current Page/Folder in Navigation Bar - Brine
-
mdcotonopu reacted to a post in a topic: help - unwanted horizontal scroll bar appearing
-
Rammy reacted to a post in a topic: Beware of Escape Key on Squarespace
-
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