Ajax is out to rule the world.
If you are a web developer, there is no way you haven’t tried your hand at Ajax yet. It is easy, it is economical (in the internet sense) and it brings out all those cool features that you see on all the other sites.
The internet is filled with examples about how to get started with Ajax. And most of easy to learn and implement, there are a lot of issues which you find out slowly. But there are Ajax frameworks which are taking care of all of those issues for you. For example there Tibet which is coming out soon (though it is supposed to be coming for at least the last seven years), which would allow you to create really fat clients, which do all the processing on the client size, making it look instantaneous.
But this post is not about how to implement Ajax, it is about those cool loading images that most websites use. If you want to get one of those amazing loading gifs, you can get one too at AjaxLoad. No registration, no overhead, just choose and download. Here is one that I liked.
I’m sure you’d find one that you like too. So do check it out.
Here’s how you use it in the code
1. Create a div with position: relative, which extends over the complete area where text would come after the Ajax call
2. Inside that div create a div with position: absolute, giving it right height/width combination of the image size, and the top/left combination about where in the outer div should this div be displayed.
3. You’re done…
If you liked this post, you might like to subscribe to my feeds using a feed reader or get a copy by email.
Similar Posts
25 thing to remember while creating pages in CSS
How to take a closer look at Alexa rankings (Bigger Images)
The need for search engines which can handle Ajax
Crash course in ASP .NET and AJAX
Compressed version of Prototype.js version 1.5.1.1


