Display a loading image until the page completes loading

Display a loading image until the page completes loading

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
 jQuery(window).load(function() {
  jQuery('#loading-image').hide();
 });
});
</script>
<style>
 #loading-image {
  width: 55px;
  height: 55px;
  position: fixed;
  top: 20px;
  right: 40px;
  z-index: 1;
 }
</style>

 
 Loading...

Demo

http://creativedesign-mind.com/r-ednalan/demo/loadingpage.html