Jump to content
Sign in to follow this  
awiiya

Preloader?

Recommended Posts

So as I continually increase the amount of pure text that the Oak Log holds, I'm starting to realize that in a few months it could become quite a bit to load, especially on a slow computer.

So to bide someone's time, does anybody know how to create a preloader? Something of the sort?

I'd be willing to pay.

Awi

Share this post


Link to post
Share on other sites
Awiiya and I discussed this, for those interested in the code here it is:
[code]
<script type="text/javascript">
window.onload = function(){
document.getElementById("loader").style.display="none";
document.getElementById("content").style.display="block";
}
</script>
<div id="loader" style="text-align:center">
Loading...<br />
<img src="http://en9.tribalwars.net/graphic/throbber.gif" />
</div>
<div id="content" style="display:none">
Your content etc
<iframe src="etc etc">Your browser does not support iframes</iframe>
</div>
[/code]

If the page loads fast enough, the preloader is not even seen. If you WANT it to be seen, add a setTimeout to the onload (I will add an example of this if someone would like it)
For cool fade effects use a javascript library like jquery.

Here's the setTimeout, change the <script> to reflect this:[code]
<script type="text/javascript">
function loaded(){
document.getElementById("loader").style.display="none";
document.getElementById("content").style.display="block";
}
window.onload = function(){
setTimeout ("loaded()", 4000);
}
</script>[/code]
The 4000 is number of miliseconds to wait (4 seconds) Edited by Rendril

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

  • Forum Statistics

    15,832
    Total Topics
    173,490
    Total Posts
  • Recently Browsing

    No registered users viewing this page.

  • Upcoming Events

    No upcoming events found
  • Recent Event Reviews

×
×
  • Create New...