Very Simple “loading” Layer
I have a script that uses Prototype/Scriptaculous to load up a series of tabs into an accordion set on a homepage we’ve built. The problem is that the total data in the tabs (including hi-res background images) total about 700KB, so as the tabs load you see chunks of each and it looks unsightly.
the whole thing is CSS and lists, so the HTML itself isn’t chunky, it’s really the background images but I can’t do anything about that.
In Flash you can prepend your movie with a loading bar that measures the total size of the movie and loops itself through a function that creates a progress bar, then moves you to the movie itself. I’d like to create that same effect with a “Loading” layer that disappears when the accordion has completed building itself.
I can provide the URL in the PMB so you can view the source code and decide the most appropriate solution. I’m sure it’s as easy as displaying the loading screen at the page startup and having some type of event on the page set the loading display to “none” when the images are all rendered.
