Loading screen using jquery [duplicate]

Answer 1

Very simple:

1. Create a div to fill the screen, you can put the loading image or text in there
2. At the end of you html file, or by using jquery $(document).ready(function(){ ... }); remove the divs.
3. you mentioned all 'IMAGES'... might need a little extra for that.

SO, in your html, make an fixed or absolute div with 100% width and height.. (i suggest turning the overflow to hidden so you don't have scroll bars (width +padding + margin = >100%)

Loading, please wait.

Either you can put it in the head as this:

Or add this at the end of your html page, (right before the closing html tag):

This might not wait for the pictures to be loaded, for this you would be a loop that check if the pic are loaded before triggering the .remove();