Home > Uncategorized > Preload site before displaying

Preload site before displaying

We can easiest can do this,

<html>
<head>
<script language="javascript" type="text/javascript">
function showpage() {
 document.getElementById('loader').style.display = "none"; 
 document.getElementById('main').style.display = "block"; 
}
</script>
</head>
<body onload="showpage();">
<div style="height:100%; width:100%; display:block;" id="loader">
Some preloading content here
</div>
<div style="height:100%; width:100%; display:none;" id="main">
Main Content Here
</div>

</body>
</html>
Advertisements
Categories: Uncategorized
  1. April 24, 2012 at 5:50 am

    I was very pleased to search out this web-site.I wished to thanks to your time for this excellent learn!! I definitely having fun with every little little bit of it and I’ve you bookmarked to take a look at new stuff you weblog post.

  2. April 26, 2012 at 4:22 pm

    I went over this website and I believe you have a lot of good info, saved to favorites

  3. May 3, 2012 at 6:41 am

    Some genuinely nice and utilitarian information on this web site, likewise I conceive the style holds fantastic features.

  4. jay
    May 5, 2012 at 11:56 am

    its very useful that considers as the web scientifically

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: