jQuery / JavaScriptで、ロード画面を表示させたい


作成したWebサイトのページに含まれるDOM要素が多く、ページの表示が遅い。
また、JavaScriptなどで再レイアウトされる要素が崩れるといった症状がでている。

すべての要素が読み込まれるまでページを表示させず、すべての要素が読み込まれた時点でページを表示させるにはどうすればよいか。




js部分ですが、jQueryで統一した書き方。

[code]

    $(function(){ // window.loadと同等、DOMの初期化後に呼ばれる
      $('#loading').fadeOut(300);
      $('#loaded').fadeIn(300);
    });
    
[/code]

のように書くとよりスマートかと思います。

