11-01-2017 07:45
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post

11-01-2017 07:45
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post
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?
Answered! Go to the Best Answer.

Accepted Solutions
11-01-2017 10:12
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post


11-01-2017 10:12
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post
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.

11-01-2017 10:12
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post


11-01-2017 10:12
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post
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.

11-01-2017 10:20
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post

11-01-2017 10:20
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post

08-06-2018 20:31
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post

08-06-2018 20:31
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post
Is the new firmware update that does this out yet?

08-07-2018 16:39
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post


08-07-2018 16:39
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post
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

