Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Full Screen Auto Advance More than 10 Seconds?


UtopiaCreates

Question

2 answers to this question

Recommended Posts

  • 1

Squarespace stores the settings in a data-props attribute, and it seems that if you can get to that and update it then the timer for the slideshow does appear to honour it. It's possible that there's a race-condition going on here, but I've tested it and it worked on my 7.1.

You'd need business/premium to do it because we're changing an attribute with javascript. put this in the page header code injection (Advanced in the pages Settings):

<script>
document.addEventListener("DOMContentLoaded",function () {
  const slide = document.querySelector(".gallery-fullscreen-slideshow");
  const att = slide.getAttribute("data-props");
  const attJSON = JSON.parse(att);
  attJSON["slideDurationMs"]=20000;
  slide.setAttribute("data-props",JSON.stringify(attJSON));
});
</script>
  • waits for the document to load all its content
  • finds the first fullscreen gallery slideshow in the page
  • gets its data-props attribute and changes the sub-property of slide duration (in milliseconds, so 20seconds = 20000)
  • update the attribute

Give it a try!

Dave Hart. Software/Technology Consultant living in London

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...