Welcome to the in5 Answer Exchange! This a place to get answers about in5 (InDesign to HTML5) and make requests.
0 votes

I created an HTML5 web banner using In5 because it produced a smaller file size than an animated GIF would have for the same animation. The issue I ran into was making it loop continuously. I found a partial answer in the Knowledge Base, which suggested using the "Presentation Mode" enhancement to generate a looping animation, but that seems to max out at a 9 second slide duration, which was about 6 seconds shorter than my full animation. 
The fix was to edit the "in5.config.js" file in the assets folder. In the var autoPlay = line, I changed the value from 9000 to 15000 and it worked a charm. 

It would be great to have that ability in the In5 interface. This is a great solution for creating single page animated web banners whose animation runs longer than the 9 sec limit set in the interface.

in feature_requests by (140 points)
  

1 Answer

0 votes

You can make the Slide duration in Presentation Mode longer than 9 seconds. If you're still having trouble, would you be able to send us your InDesign file and your html5_output folder? You can send them here:

by (30.4k points)
Hi Myra, I was looking at this and there seems to be an issue with editing the slide duration in the Presentation Mode panel. If check the Enable Autoplay box, then highlight the time and type a number, the field updates and shows the new number of seconds. That is, unless I type a 1 or a zero. If I type 1 or zero, the number is replaced immediately with 2.5--I'm guessing that's the minimum time?

So for example, if I need 15 seconds per slide, I can't type in 15. The 1 is replaced with 2.5 and I wind up with 2.55. As a workaround, pasting in the number 15 does work though.

Maybe there's a way to change a 1 or 0 to the 2.5 after that text field loses focus instead of immediately.
I have seen that the field can be a little tricky to edit. Try adding a 5 after the 1 to get 15 seconds or adding the duration (if it's a different value) after the current value and then editing out the previous value afterwards.