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.
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 (Interaction) 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.
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.
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"
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…
Thanks Brando, but as per above, the problem I’m having is that some interactions are only playing when pushing the play button in the interactions panel and not on site preview or publish. Please see this video that hopefully explains the issue: https://cl.ly/3027029fa6ff
Hi Nita, sorry it doesn’t. The issue I’m having if you follow the thread is that some of the interactions (Eg the scaling of BIG) are only happening when pushing play in the interactions panel (see gif). They do not play when you toggle preview (eye icon top left of screen) or export the site.
Thanks for sharing this @Nic1 — I’ve passed this video along to our engineers so we can take a closer looks. Thanks for your patience while we dig into this one.
We were able to find the underlying cause. It looks like continuous action items are overriding timed initial action items. So basically if you have a continuous action item scale=1 , and an timed initial action item scale=3 targeting the same element, scale=1 will be applied to the element since continuous action lists take higher priority in IX2. The reason why playback was working in the editor was because timed & continuous action lists never play at the same time.
We don’t have a solution for this yet, but our team is digging into this more and I’ll definitely keep you updated.