徐々にページを表示しないようにする方法は？

私のサイトは、画像の読み込みに非常に時間がかかります。いくつかのテキストが表示され、いくつかのテーブルが表示され、次にいくつかのイメージが表示されます。
ページ全体が表示されるまで何も表示しないようにするにはどうすればよいですか？徐々にページを表示しないようにする方法は？

出典

2012-12-18 Bonaca

@nerdwaller、どうもありがとう。 – Bonaca

うまくいけば、それはあなたの正しい方向を得る、私はその上のトップの答えに同意します。何らかの処理が表示されるはずです。そうすれば、人々はあなたのサーバーが貧弱だとは思わないでしょう。 – nerdwaller

はい、あなたのリンクを見ました。画像のCSSを変更するには、小さなgifイメージ（ローダ）とjQuery onload（）を使ってトレイを作っているようです。たぶんあなたは答えとしてあなたのコメントを設計する必要があります。再度、感謝します。 – Bonaca

おそらく最も簡単な方法は、これを行うにはJavaScriptを使用することです。私がこれを実現した主な方法は、隠されたすべてのものを明らかにする文書準備ハンドラです。もちろん

$(document).ready(function() { $('*').show(); }); // Or something similar.

、人々はあなたのサイトが不十分なコード化されたか、サーバがジャンクであるかのように表示されませんので、「進歩」のフィードバックのいくつかの並べ替えを見たいです。だから、ローダーバーなんかなんでもかまいません。

上記のように、これらのタイプの質問に最適な場所はStack Overflowで、これ以上上位の人が移動する可能性があります。その間、スタックオーバーフローの非常にsimilar questionがあります。あなたはdisplay:noneを持ってbodyでクラスを追加し、ページがロードされると、それを削除することができ

出典

2012-12-18 23:12:47 nerdwaller

'.ready（）'が実行されるため、OPは引き続き同じ問題を抱えます画像が読み込まれるのを待つ）。 '.ready（）'のjQueryドキュメントから：*コードがロードされたアセットに依存している場合、コードは代わりに 'load'イベントのハンドラに配置する必要があります。*" OPは 'window .onload'。 – apsillers

<body class="loading"> 
... 
</body>

と

<script> 
    window.onload = function(){document.body.className = '';}; 
</script>

出典

2012-12-19 00:34:38

徐々にページを表示しないようにする方法は？

答えて

関連する問題