controlling display order of components

controlling display order of components

Hi,
I am having the classic problem of visual elements loading in an order that is not optimal.

For example, foreground elements have masks which blend them to the background but without the background they look unattractive. Problem is that the background is the largest file by far and so there is usually a 1-2 second weirdness phase.

I would love to hear from anyone who has implemented a solution using jQuery for controlling the order of element display. I imagine it has to de done before document ready? Something that only switches some elements to display when the background is finished downloading?

I have no idea even what this would be, is there such a switch or status as #foo is ready?

Help much appreciated.
TBTS