php - ページを開く前に読み込みを開くにはどうすればよいですか

Question

ページを開くときに問題が発生しました。ページを開く前に読み込み中の画像を開く必要があります。どうすればよいですか

    <style>
#dvLoading
{
   background:#000 url(images/ajax-loading.gif) no-repeat center center;
   height: 100px;
   width: 100px;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   margin: -25px 0 0 -25px;
}
</style> 

$(window).load(function(){
  $('#dvLoading').fadeOut(2000);
});

Answer 1

これを試して：

$(window).bind("load", function() {
    $('#dvLoading').hide();
});

こちらのデモ

Answer 2

window.loadコンテンツ全体がロードされるのを待ってから、それを起動します。'ready'を使用することをお勧めします。つまり、次のようになります。

<style>
#dvLoading{
   background:#000 url(images/ajax-loading.gif) no-repeat center center;
   height: 100px;
   width: 100px;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   display: none;
   margin: -25px 0 0 -25px;
}
</style> 

$(function(){
  $('#dvLoading').css('display', 'block');
});

$(window).load(function(){
  $('#dvLoading').fadeOut(2000);
});

<div id="dvLoading"></div>クロージングの直前に配置</body>