x10 Sophmore
JS Show a pic when site is loading.
Hello, I need to have this on my site: When the site is loading appear a image like "please wait until the site load", and when it has finhished it says "you have succesffully loaded the page". How can I get this work? ( can I use Javascript?) Regards
-::-X10 Guru-::-
If you have a page that takes long time to display it is a good idea to display a "wait until the page loads" image. Try thisDONT FORGET TO REP
To implement this you will need to:
1. Every time your page loads a "init()" function will load.
<body onLoad="init()">
2. Define a div named "loading" right after <body> section.
<div id="loading" style="position:absolute; width:100%; text-align:center; top:300px;">
<img src="loading.gif" border=0></div>
The loading.gif image should be an animated gif that suggests that the page is still loading.
3. Place this javascript code right after you define the div.
<script>
var ld=(document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}
</script>
Last edited by vishal; 01-11-2010 at 10:16 AM.
Regards ~ Vishal
Giving Reputation(at bottom of my post ) is the best way to encourage the person who helped you on forums.
x10 Sophmore
Wouldn't onLoad be triggered when the document is finished loading ?
-::-X10 Guru-::-
nope., it was woking fineOriginally Posted by slacker3
Regards ~ Vishal
Giving Reputation
x10Hosting Member
i got an error
-::-X10 Guru-::-
Whats the error ,pls specify
Regards ~ Vishal
Giving Reputation
x10Hosting Member
THe image loading stops and then i had to refesh
-::-X10 Guru-::-
is ur browser javascript supported
Regards ~ Vishal
Giving Reputation
x10Hosting Member
yes
-::-X10 Guru-::-
i recommend that u use firefox
Regards ~ Vishal
Giving Reputation
Posting Permissions
LinkBack URL
About LinkBacks
Reply With Quote
