Monday, December 29, 2008

Animated Gif Loading Thingies

Check out this site:

www.ajaxload.info

It's where I got this:



And this:



Blogger may or may not be animating them, but go to the site and you'll see what they are supposed to look like.

I've used it twice already. One on this site: LifeChurchOnline.net and one on a site I am working on that's not up yet.

On the church site I used it during the onload:redirect. I built the page as a wordpress blog, but they needed to keep their domain name for server space. You'll see the little graphic while you wait for the redirect. (otherwise it looked like the site was just sitting there not doing anything while it redirected).

The other time I am using it is as a background image in a table cell, then on top of that table cell, I added another table, and that table has a script I found that changes the background image of the table cell.

The reason I did that was because I needed the image in the table cell to be wider than the width of the page so that as the page stretches for different resolutions, the image will still be there. If I added the image in the table cell, it forced the table to be the width of the image, but I wanted the whole site to be 100%...scalable.

But, the images were taking a little too long to load, and basically had a white area there while it loaded. Now it has a little loading graphic.

Here's a sneak peek of the home page of the site I'm building, but it won't be there forever. And none of the back end programming is working...it's still in the design stages.

1 comments:

Aparna said...

thanks for this gif images
web designer