Streaming live at 10am (PST)

Interactions only playing through Interactions Pane


#1

Hi Webflow Friends,

I’ve got a preloader interaction that is supposed to animate some content in once loading is complete. Unfortunately the animation only plays when when previewing the animation through the interactions pane. I’m not sure why? Any help would receive super-love.

Nic


Here is my public share link: https://preview.webflow.com/preview/get-set-a5e6b618ed27b9274-9c419e1eba53b?preview=5b0fde28bc3cc45859db158c871f09cf
(how to access public share link)


#2

Hi @Nic1, thanks for the report. I took a look and it seems like the pre-loader animation is running for me in the site preview mode.

Is it possible for you to take a screencast of what you are seeing ? Here is a good tool: https://getcloudapp.com.

Thanks in advance.


#3

Hey Dave, it runs in preview mode, but some of the timed animations are only running when pushing play from the interactions panel. I’ve hidden a section to make things a bit clearer. Please see this video (https://cl.ly/262l021Z1X15) on how it should animate. If you preview the site or publish the project, some of the animations seen here don’t display. Thanks again for helping out.


#4

Hi @cyberdave, any advice? I added a screencast as requested.


#5

I have the same problem. I have an element witch has an interaction as loop after page load.
In preview mode it works just fine. But on the live site it dosen’t work.
I have tried safari, chrome an firefox. All the same.

Anyone an idea?


#6

Hi Dave,

I’ve been posting in the forum, but haven’t had a response.


#7

sweet!

What if you separated the the preloader portion of the interaction from the intro? Tell it to play “when page starts loading” (right now it’s set to play with the rest of the intro which is set to “when page finishes loading”)

Then have the intro play “when page finishes loading”


#8

Thanks @Port_of_Folio, the pre-loader is literally just an animated SVG and background gradient, there are no interactions to play “when page starts loading”. Everything in the timed animation that happens “when page finishes loading” is what I want there. Maybe I’m missing what you’re suggesting…