Question

I have a heavy asp.net page. While it renders, some images come in the beginning then progressively it loads the rest. We want to get rid of the behavior. The page should display only after all the content is ready and it should display together. How do we achieve it? Is there any way we can ask the page to wait until it is completely ready?

Answer 1

You could have an element fill the page, and when the javascript event onLoad fires hide it.

<div id='loading' style='z-index:100; width:100%; height:100%; background:#FF0000'>Loading, please wait!</div>

<script type='text/javascript'>

window.onload = function()
{
    document.getElementById('loading').style.display = 'none';
}

</script>