Intro Animation


Topic: Intro Animation

Paul King pro asked 7 years ago

I've implemented the app intro section from the examples and included the fadein animation. Currently the page loads, displays the image and text, it then disappears as the JS loads and reappears performing the fadeIn. Is there a way to ensure these are hidden until the page loads? Example here - https://totalfacilities.com.au/test-homepage/ Any help appreciated. Thanks

Mikołaj Smoleński staff answered 7 years ago

Hi Paul, You can try to initialize intro like this:
$(document).ready(function() { 
 $(window).ready(function() { 
  ...
 });
});
It is one of the possibilities. Try this method and let us know if it works fine. Regards

Paul King pro commented 7 years ago

Hi, I'm not sure how this would resolve it. Adding a simple inline style to the surrounding div seems to have resolved. Thanks anyway.

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes