How to load loading script before html document

Question

I'm using a plugin in my website for a loading screen that precedes the loading of the html document, but it doesn't show before the html rather after it loads

Code:

Javascript:

$.LoadingOverlay("show", {
  // Background
  background: "#fff",
  // Text
  text: "Loading...", // String/Boolean
  textClass: "logo_text"
});

setTimeout(function() {

  $(document).ready(function() {
    $.LoadingOverlay("hide");
  });
}, 7000);

The initialization and the calling is that simple, but it shows on the screen after the body loads in a fraction of a second, how can I load it before the body?

setTimeout with document ready inside makes no sense

epascarello
– epascarello

2019-05-11 04:35:38 +00:00
Commented May 11, 2019 at 4:35 — epascarello
– epascarello, Commented May 11, 2019 at 4:35
How so? setTimeout executes after the document is ready

Mohammed Baashar
– Mohammed Baashar

2019-05-11 04:53:13 +00:00
Commented May 11, 2019 at 4:53 — Mohammed Baashar
– Mohammed Baashar, Commented May 11, 2019 at 4:53

Mihai · Accepted Answer · 2019-05-11 04:34:17Z

1

You cannot load it before the body but you can load the whole body as hidden and then show it when you hide the overlay.

Or you can load only the overlay and while you show it you can make an ajax call to load the body. This one is definitely faster for user experience.

answered May 11, 2019 at 4:34

Mihai

11k3 gold badges24 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Mohammed Baashar Over a year ago

The overlay loads inside the body; setting the body's opacity to 0 hides the overlay too

Mihai Over a year ago

Not the body as a tag but the contents of the page. There must be a parent div that acts as a container. That one can be hidden at the beginning.

Collectives™ on Stack Overflow

How to load loading script before html document

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related