Preload animation while waiting for iframes to load

I have a page with a couple of iframes from Blurb (they make great books). The Iframes take a LONG time to load, so I wanted to create a preload animation.
Unfortunately, in spite of copying the video tutorial Build a custom preloader - Webflow interactions & animations tutorial - YouTube it doesn’t work.

Any thoughts???


Here is my public share link: https://preview.webflow.com/preview/tommyfield?utm_medium=preview_link&utm_source=designer&utm_content=tommyfield&preview=261324cc306bdae96053d7cfbaffd2b1&pageId=5de016024674436fa9bb175b&mode=preview
(how to access public share link)

Hi

I think you should run the interaction when page starts loading and not when page finishes loading.

1 Like

I really didn’t understand when the tutorial video said to choose the “when page finishes loading” . Got it sorted now, thanks a lot!