Help needed in loading images via ajax

[janakiraman]

Hi,

I have a page similar to my.yahoo.com or googles personalised home page. my page will be divided into four quadrants. In these four quadrants, there will be four seperate php files displayed.
what i want to do is to make is more fancy. I want to display an loading image before the actual php file is loaded. The loading should be done independently. The time taken to load a page may vary. so there may me a file which is actually loaded and on the other end a file still loading . In the mean time i should display the loading image. I should do this asynchronously.

I thought of implementing it through javascript. but I couldn't achieve this independently. All are being displayed at a time. I dont want to make use of settimeout function. The time should be the actual time the page is taking to get loaded. In that time i need to display the loading image.

I need your help desperately.

Thanks
janakiraman

[holyhttp]

Unlike Flash, the XMLHttpRequest object does not specified the size of the files loading and the total amount loading at any point during the transaction process.

Therefore to my knowledge, it's hard to quantify the percentage loaded and translate that information in your loading image.

[supermoi]

You can make independant server requests using objects.