Jump to content

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!

Recent Profile Visitors

23,021 profile views
  1. 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
  2. You can check Classic Gallery block, it allows insert Gallery blocks on your sections, free available
  3. Check this answer to see if it works for you
  4. 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
  5. 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. 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
  7. Are you planning to keep subscription of the website railroadworkersunited.org? If not then you have to migrate the files unfortunately
  8. 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
  9. 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>
  10. 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
  11. You can use Gallery blocks to add a Carousel of Youtube video, check out Classic Gallery block
  12. 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
  13. 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
×
×
  • 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.