Pre-loading images.

[allan175]

I have a few frames on animation (PNGs). I change the href to animate through the frames with setInterval().

It works fine except for the first time each image is loaded and it takes a fraction of a second to show, so the first time through the sequence it flickers to the background colour. Once it has shown the image once it will appear instantly the next time, and the animation appears smooth.

Is there a way to pre-load images?

[JonFitbit · Accepted solution]

You could use multiple <image> tags, and just show/hide them. The next firmware has some performance improvements too, so it may not be an issue then.

[allan175]

It would significantly over complicate what I'm doing. I'll hang on for the next firmware and see how it goes.

[Dcable]

Is the new firmware update that does this out yet?

[JonFitbit]

Yes, there have been a few updates since then.

Take a look at the Sprite Image component https://dev.fitbit.com/build/guides/user-interface/svg-components/other/#sprite-image