小编use*_*705的帖子

我使用以下代码:

在body标签内的Layout页面中:

<div id="loading">
    <img src="/images/user_profile/ajax-loading.gif" alt="Loading.." />
</div>

在开始页面中:

<script type="text/javascript">
      $(document).ready(function(){
      $(window).load(function(){
      $('#loading').fadeOut();
      });
      });
</script>

CSS:

div.loading{

   height: 100px;
   width: 100px;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   margin: -25px 0 0 -25px;
   display:block;
}

问题是旋转图像不会立即出现,由于空白页面出现并且图像在页面加载之前显示,因此需要一段时间.

我想要一个解决方案,其中应立即显示图像,直到整页加载.