Home/ Questions/Q 8616731
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T05:41:33+00:00

Possible Duplicate: How can I make the browser wait to display the page until

  • 0

Possible Duplicate:
How can I make the browser wait to display the page until it's fully loaded?

I’ve got a simple website and I’d like to hold it’s opening for X ms before I’m sure it’s all loaded (like images for example).
Is there a way to make this to the whole page at once?

I already have some fades to open the various div’s of the site but I’d like that fade to only occur after the page has waited for those X ms set by the “loading”.

Thank you.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    jQuery

    <body>
<div id="msg" style="font-size:largest;">
<!-- you can set whatever style you want on this -->
Loading, please wait...
</div>
<div id="body" style="display:none;">
<!-- everything else -->
</div>
<script type="text/javascript">
$(document).ready(function() {
    $('#body').show();
    $('#msg').hide();
});
</script>
</body>

    or

    <script type="text/javascript">
$('#container').css('opacity', 0);
$(window).load(function() {
  $('#container').css('opacity', 1);
});
</script>

    or

    Immediately following your tag add something like this…

     <style> body  {opacity:0;}</style>

    And for the very first thing in your add something like…

     <script>
  window.onload = function() {setTimeout(function(){document.body.style.opacity="100";},500);};
 </script>

    All these answers are from How can I make the browser wait to display the page until it’s fully loaded?

    • 0