Question

Question
I want to play a loader when any page is loading and it work stop when complete page is loaded. Any idea?

i am new in jquery or javascript.

Answer 1

Just put a DIV on your page immediately with the loading graphic. Put this script anywhere on your page or at the top of an external script file:

$('BODY').append('<div id="loading"><img src="images/loading.gif" /></div>');

Obviously you’ll need to style it to position it wherever you want. We do it this way rather than just hard-coding it into the page content so that anyone with JavaScript disabled won’t see it.

Then attach to the load event to hide the loading DIV once the page is done. Put this script at the bottom of your page or inside a $(document).ready().

$(window).load(function() {
    $('#loading').hide();
});