Question

Hi all I am having a requirement where I have to show loading image when I perform any operation. I have gone through several blogs and articles, but all of them are doing some thing like giving some amount of time in Jquery or the scripts used, or using Thread.Sleep method.

Is it possible to do with out these two. Means I don’t know how much time it takes to load a page, until and unless the page get loaded I would like to show the waiting screen for the user.

Answer 1

You can display the loading image when you start some action and remove it when you finish the action:

$("#loading-image").show();
pendingActions ++;
$.get({...,success:function(){
  pendingActions --;
  if(!pendingActions){
    $("#loading-image").hide()
  }
}});