Question

My html page loads a bit slowly because of the jquery that’s in it. I want an image that tells the user that it’s loading, until the entire page get loaded. How should I go about doing this?
Many thanks in advance.

<script type="text/javascript">
   $(document).ready(function(){
      //my jquery here....

   });
</script>

Answer 1

Design the page with the loading message already included so that when the page loads from the server, the message is already showing.

Then, using jQuery, you can hide the message as soon as the page is ready:

$(document).ready(function(){
    $('#loadingMessage').hide();
});