You can use a layer. Just wrap the content you want to hide inside a layer
with visibility set to hidden
<div id="ContentHolder" style="visibility: hidden">Me Content</div>
and put an onload action for the body tag so when the page loads it sets the
layer back to visible
<script>
function ShowContent() {
if(parseInt(navigator.appVersion) == 4 && navigator.appName ==
"Netscape") {
ContentHolder.visibility = "visible";
}
else {
ContentHolder.style.visibility = "visible";
}
}
</script>
<body onload = "ShowContent();">
-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]]
Sent: Friday, March 15, 2002 12:56 PM
To: CF-Talk
Subject: How do you 'blackout' a page while data being loaded?
Does anyone know how to make a page that will display a lot of data can be
made to be completely black until all the information has been loaded and is
ready for display?
Some of the data in this instance is graphics being pulled from a database
and it looks not very pretty as you see them being assembled since not
everything loads at the same time.
What I'm trying to accomplish is the same effect as on the clip art web
sites, where the page goes black until the next set of selection have
downloaded.
I think there's a IE 5 page transition trick, but don't seem to be able to
locate it. Thanks in advance for any tips.
______________________________________________________________________
Get the mailserver that powers this list at http://www.coolfusion.com
FAQ: http://www.thenetprofits.co.uk/coldfusion/faq
Archives: http://www.mail-archive.com/[email protected]/
Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists
