Kevin Powell - Community•2y ago

Load the page after lottie file render complete

https://codepen.io/aldrinbright/pen/eYjgPVR I have a similar setup of Lottie animation on my page, I want the page to be visible only after the lottie file is loaded completely

Aldrin Bright

CodePen

eYjgPVR

...

6 Replies

Unknown User•2y ago

Message Not Public

AldrinOP•2y ago

ok let me try tried both solution, the lottie file still load's a bit late

homeBannerLottie.addEventListener('complete',loadDocument);

homeBannerLottie.addEventListener('complete',loadDocument);

is this a valid code? for littie file coz its not logging out anything

Electronic•2y ago

https://www.educative.io/answers/how-to-add-a-page-loader-to-a-web-page

Educative: Interactive Courses for Software Developers

How to add a page loader to a web page

HTML and JavaScript are used to create a page loader.

Electronic•2y ago

Google is your best friend

AldrinOP•2y ago

i added the page loader but the lottie animation still renders after the page is visible

Unknown User•2y ago

Message Not Public

Gaming

Programming

Load the page after lottie file render complete