Auto click right arrow of Gallery sections.
- 0.1.0
- 7.1
- Not Applicable
-
Squarespace plan that supports JavaScript.
-
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.
-
-
-
Add or modify a Gallery section.
-
Edit the section.
-
Select a GALLERY TYPE of Slideshow: 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.
-
-
This effect is not active in SS Preview to test it use private browsing.
Please consider making a donation.
-
2024-04-14
- initial version