[thelist] Website Loading Screen

Ken Kogler ken at kenkogler.com
Wed Apr 17 07:52:01 CDT 2002


The word "Loading" on the site is a background image. Note this CSS:

   body {
     background-image: url(/_artwork/loadingBg.gif);
     background-repeat: no-repeat;
     }

Then they simply specify background colors for the table cells, and it
displays that on top of the background image... hiding the "loading"
image. Since the whole site (pretty much) is wrapped in a <table> tag,
and no part of the <table> will display until the </table> tag is
processed, this "loading" bg image is a rather effective way of doing
things.

http://www.lockergnome.com/ does this, too.

-Ken Kogler

> http://www.computerarts.co.uk/




More information about the thelist mailing list