0

通常のリクエストで大きなコンテンツを読み込むときに、読み込み中の画像（ajax load gifなど）を表示する方法はありますか？

ajaxリクエストはありませんが、単純なasp.netポストバックがあります。そして、私は数百または数千の要素を持つ大規模なサイトを持っています。そのため、ページが完全に読み込まれるまで4〜10秒かかるため、ページは白いページになり、レンダリングされるまで要素は表示されません。一部の要素が表示されている可能性がありますが、ブラウザはまだレンダリング中です。

ajaxなどを使用せずに読み込み中の画像を表示する機会はありますか？InternetExplorerが望ましい。


（出典：kuka-robotics.com）

4

2 に答える 2

0

このスクリプトをコードに追加し、body タグの onload で init() 関数を呼び出します。

   <script type="text/javascript">
     var ld=(document.all);
      var ns4=document.layers;
     var ns6=document.getElementById&&!document.all;
     var ie4=document.all;
      if (ns4)
        ld=document.loading;
     else if (ns6)
        ld=document.getElementById("loading").style;
     else if (ie4)
        ld=document.all.loading.style;
      function init()
     {
     if(ns4){ld.visibility="hidden";}
     else if (ns6||ie4) ld.display="none";
     }
     </script>

そして body タグ call Init(); のオンロード。

<body style="background-color:#FFFFFF;" onLoad="init()">
<div id="loading" style="position:absolute; width:200px; height:163px; text-align:center;top:310px; left:487px;">
<img src="load.gif" border=0 /></div>

....

..
</body>

それがあなたのために働いているかどうか教えてください。

ではごきげんよう。

于 2013-02-19T10:03:36.390 に答える
0

次の 2 つのコンテナーを作成できます。

  • 読み込み中の画像を含むコンテナ。最初から表示され、ページの読み込みが完了すると非表示になります
  • 最初から非表示で、ページのロード完了時に表示されるコンテンツを含むコンテナ

また、javascript を使用して、ページの読み込みが完了したときにコンテナーを表示することができます。

例えば：

<div id="loading_container">
     <img src="http://www.kuka-robotics.com/res/icn/ajax_loader.gif" />
</div>
<div id="main_container" style="display:none">
     <!-- your content here -->
</div>
<script type="text/javascript">
      window.onload=function(){
         document.getElementById("loading_container").style.display = 'none';
         document.getElementById("main_container").style.display = 'block';
      };
</script>
于 2013-02-19T10:04:12.000 に答える