Page preloaders - Aqua-Soft Forums

Aqua-Soft Forums: Page preloaders - Aqua-Soft Forums

Page 1 of 1

You cannot start a new topic
You cannot reply to this topic

Page preloaders Rate Topic:

#1 rammass18

Group: Member
Posts: 227
Joined: 18-June 06

Posted 23 January 2008 - 05:56 AM

hey everyone,

i was just wondering if anyone knew how to make a page preloader for some html pages. any ideas?

Back to top of the page up there ^
MultiQuote
Reply

#2 davidsword

Group: Subscribers
Posts: 1,016
Joined: 19-December 06

Posted 23 January 2008 - 06:42 AM

<head>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function loadImages() {
if (document.getElementById) {  // DOM3 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) {  // Netscape 4
document.hidepage.visibility = 'hidden';
}
else {  // IE 4
document.all.hidepage.style.visibility = 'hidden';
	  }
   }
}
//  End -->
</script>
</head>
<body OnLoad="loadImages()">
<div id="hidepage" style="position: absolute;  background-color:#fff; left:5px; top:5px; height: 100%; width: 100%;"> 
<p>loading image/text or wtv</p></div> 



<!-- page contents here-->




</body>

this one works decent

Back to top of the page up there ^
MultiQuote
Reply

#3 proenca

Group: Member
Posts: 212
Joined: 16-December 03

Posted 23 January 2008 - 08:13 AM

nice, but how i cant hide the content when it loads?

Back to top of the page up there ^
MultiQuote
Reply

#4 davidsword

Group: Subscribers
Posts: 1,016
Joined: 19-December 06

Posted 23 January 2008 - 10:45 AM

proenca;488816 said:

nice, but how, i cant hide the content when it loads?

I forgot to add the bgcolor in the div layer. It's there now, that should help you out... just edit it to your needs,

Back to top of the page up there ^
MultiQuote
Reply

#5 matonga

Group: Developers
Posts: 1,286
Joined: 04-September 06

Posted 23 January 2008 - 11:07 AM

Remove background-color:#fff; from

Edit: Oh didn't read last post, sorry.

Back to top of the page up there ^
MultiQuote
Reply

#6 proenca

Group: Member
Posts: 212
Joined: 16-December 03

Posted 23 January 2008 - 11:29 AM

thanks to both

Back to top of the page up there ^
MultiQuote
Reply

#7 rammass18

Group: Member
Posts: 227
Joined: 18-June 06

Posted 23 January 2008 - 10:59 PM

odd, when i tried this i ended up with a white screen and then the content loaded.

is there a way to have load a rotating preloader first (i have made a rotating .gif file), while everthing else is being loaded, then take off the preloader once everything is done ?

Back to top of the page up there ^
MultiQuote
Reply

#8 davidsword

Group: Subscribers
Posts: 1,016
Joined: 19-December 06

Posted 23 January 2008 - 11:13 PM

thats exactly what it does... the div layer shows only when the page is loading, once the page is loaded the div layer goes away.

you have to replace the text with what you need (image etc) and edit the div to fit your page (its currently set up so its just white with text).. if you dont know how than google.