Gallery Section Right Arrow Auto Click

Gallery Section Right Arrow Auto Click

License

Synopsis

Auto click right arrow of Gallery sections.

Version

• 0.1.0

SS Version

• 7.1

Fluid Engine Compatible

• Not Applicable

Dependencies

• Squarespace plan that supports JavaScript.

• jQuery

---

Quick Install

• Add the following to Website > Pages > Website Tools > Code Injection > HEADER.

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

• Options

  • Page Specific

    • Use this option if you have only a single page you want to have this effect.

    • Add code from file gallery section right arrow auto click.html to Page Settings > Advanced > Page Header Code Injection for the page. Please see Per-page code injection.

  • Site-wide

    • Use this option if you have multiple pages where you want to have this effect.

    • Add code from file gallery section right arrow auto click.html to Website > Pages > Website Tools > Code Injection > FOOTER. Please see Add code to code injection.

How to Use

• Add or modify a Gallery section.

• Edit the section.

• Select a GALLERY TYPE of Simple, Slideshow: Full, or Slideshow: Reel.

• For OPTIONS enable Captions and disable Autoplay (GALLERY TYPE Reel doesn't have this option).

• Set the rest of the available settings as desired.

• Edit the Gallery.

• Set the first line of the first image DESCRIPTION to the following.

  twc-gsraac : { "slideDuration" : 5, "intersectionObserver" : true }
  

  • Keys

    • slideDuration

      The number of seconds a slide is visible or the current slide.

    • intersectionObserver

      Values are true or false. True means wait for the Gallery section to be mostly visible in the viewport before the first right arrow click after the slideDuration. False means start the first right click after the slideDuration.

Notes

This effect is not active in SS Preview to test it use private browsing.

Make a Donation

Please consider making a donation.

Changes

• 2024-04-14

  • initial version