I have a slideshow I'd like to auto play and loop continuously. I've found snippets that let me set a global slide duration and use impress.next() with a setInterval() call to move forward, but then I lose the ability to have different durations for each slide.
1 Answer
I'm happy to share my solution. If you see room for improvement don't be shy. Hopefully this helps someone out there.
<script>
var impress = impress();
impress.init();
document.addEventListener('impress:stepenter', function(e){
if (typeof timing !== 'undefined') clearInterval(timing);
var duration = (e.target.getAttribute('data-transition-duration') ? e.target.getAttribute('data-transition-duration') : 2000); // use the set duration or fallback to 2000ms
timing = setInterval(impress.next, duration);
});
</script>
-
-
1Thanks! This got me going in the right direction. However, I did run into some problems. Using custom data-transition-duration on multiple steps, it was hard to get the slideshow to slow down after using a short duration. For me, replacing setInterval(impress.next,duration) with setTimeout(impress.next, duration) would cause the slideshow to behave in the way I wanted it to.– SiPeMay 7, 2015 at 9:30