Streaming live at 10am (PST)

Loading page interactions not performing as designed

#1

Hi all,

I’m having some issues with Interactions. I created a loading screen for a client site, because, ideally, the large images needed some time to load, without it being visible.

I did this, setting the whole section (including a logo and of course a white background behind the logo) at a high z-index, and created an Interaction to pulsate the image when the page starts loading, before turning the opacity of the image down, followed by the white background’s opacity 0.5 seconds later, once the page had fully loaded.

However, what I found was that both the image and the white background fade out at the same time on the live site, which isn’t my intention. And strangely enough, the Interaction preview displays the interaction the way I’d hoped.

I’d love some help!


Here is my public share link: https://preview.webflow.com/preview/kalamunda-church-of-christ?utm_source=kalamunda-church-of-christ&preview=f67e96ab2880a9e80ad7f2677f7f1196

Here is the live site link: https://kalamunda.church


Cheers,
Kai

#2

To be honest the nature of your question eludes me. It looks like the loading animation is behaving exactly how you set it up. Or did you change something since your question was posted?