Hi, i’ve implemented a preloader (home page only) which works fine, but I would like it to be displayed only once a session, i.e. if the user goes from home page to another page and returns to home page, the preloader will not be displayed again. The preloader is set for mobile only.
@Finsweet and @PeterDimitrov, another question please - after the pre-loader finishes, a slider starts playing, but I don’t know how to delay the first slide, it’s displayed briefly and moves to the second slide.
Do you have any idea?
@Naama This would be a really nice F’in sweet Webflow Hack.
We built something somewhat similar with Webflow tabs component for Streak. Features | Streak - CRM for Gmail. The tabs turn into an autoplay slider and only start their autoplay when the user scrolls to to that tab component. The same mentality can go into the “Delay slider”
I’m going to add this to our Hacks queue. I’m guessing you’ll want the slider to begin when the user scrolls to the slider? Anything else I should add in the specs?
Hi @Finsweet, thank you so much for this! I wish the slider to begin when the slider comes back to focus, since the slider is autoplaying, no need for the user to scroll it.
important to other users. @Finsweet code solution could solve any issue related to “Show only once” (Show modal/popup only once. Show terms only once. Do X only once and so on…).
Hi @Finsweet sorry for bothering you with this, perhaps you can help me:
the page wrapper contains a slider in the hero section. On the first time the pre-loader is working and then the page wrapper is displayed, only the the first slide is displayed. When refreshing, whole the slider is displayed.
Hi @Finsweet, i’ve removed the ix1 interaction now, it was something left from my testings.
I actually solved the problem by adding a page refresh after the pre-loader is done. It’s not elegant, but solved the problem. You can see it here: https://www.hollestudio.co.il/
Hi @Finsweet … Thanks for the hack! I desperately needed a solution but however… in spite of trying and tweaking your code for many hours I am unable to make it work.
Linking onto @zellet issue i.e unable to create or retrieve cookies. Any advice on where I am going wrong?
NOTE: I deleted the script since it was not relevant to mine but I dont think that is the problem; anyways awaiting help from experts ()
script works amazing, but can’t find the solution to achieve this…
on Initial page visit/load
loader-animation starts [contains elements from loader-wrapper]
loader-animation stops
page-animation starts [loading background, menu’s = elements from page-wrapper]
on second load / refresh
directly starts page-animation [loading background, menu’s and content from page-wrapper]
been struggling for hours trying all sorts of combinations, multiple page load animations, scroll into view triggers, removing the timer part, etc etc… but no luck so far. Either the initial load skips the page-animation, or the second load has a white delay before the page-animation…
)
