JavaScript Loading Image

yeah. i doing the same thing as just displaying the image at start up when bind the data. and hide at last but still image is not shown. 
If i dnt hide the image at last then image will shown me when all data will be binding completed. 

but i want to show image in between of data bind. is there any other solu for the same. Then please help 

This is strange. Remove the runat=server once and try.
This is as simple as it can be. Just take the id and display and hide.

Hi Guys Thanks for the Reply...
I am Doing the same thing now as u says. Shows the div like $("#divId").show(); and  $("#divId").hide(); 
but still image is not showing while data is binding. I m binding data through json. 


there is no iframe included. i remove the parent class.and accessing the img from local page. but still its not showing. 

Hi chetan,
Why are you using parent?
Is there any Iframe involved? If no then dont use parent. Directly use document.getElementnyId('divId').style.visibility = 'visible';

But have a habit of using Jquery syntax as shown by sooraj
$("#divId").show(); & $("#divId").hide();

No there seems nothing wrong, but why do you need a table to add image here?
Directly you can add.
And you can minimize the code using the display property that would be handy. Like:

Please try this way.
I am sure this will work.
As I have already implemented this way.
Accept if helps
Thanks.

Hello Suraj. 


i done the code like : 

Hello Chetan,
First of all adjust and add the image in the viewpage with display none and an id. The image should have styling so that it is visible in the center of the page or wherever you need the positioning.
Then wherever you need may it be an ajax call start just use the id and show like:
$("#spinID").show();
and in the success or wherever you need, hide it like:
$("#spinID").hide();


I hope this helps.
Accept if helps.
Post back queries if any
Thanks