Delaying GIF playback until GIF is fully loaded

[neil]

Hi everyone,

Do we have amazing script wizzards here who know how to delay GIF playback until it’s fully loaded?

Check out this page I created with heavy GIF to see the problem:

https://preview.webflow.com/preview/animated-gif?preview=65c91f40f578fda8bb2e2369e6f02154

Probably this all can be solved with few lines of code and a cover static image. At least this is what some tutorials say:

How to Play Animated GIFs onClick

https://quickleft.com/blog/embeddable-animated-gifs-with-controls-just-in-time-for-christmas/

I’m not sure their solution is compatible with Webflow.
I’d be nice to have a script that affects any GIF on site.

Thanks!