在网页加载时显示加载GIF-iframe？

Question

我正在将包含带有一长串动态数据列表的页面的IFrame加载到站点中。 根据宽带速度加载需要几秒钟的时间，并且需要根据设置进行调整。

我想显示一个加载的GIF，以便用户知道正在发生的事情，但是我正在努力使其作为背景图像出现在父页面容器或iframed页面内内容周围的div中。

Answer 1

您可以将图像添加为iframe内body元素的背景，位置靠近顶部并居中。 例如background-position: center 30px

当表格渲染开始时，图像将重叠，因此甚至不需要通过javascript删除它。

Answer 2

<head>

<script>
    var foo = function(){
      var a = document.getElementById('content');
      var b = document.getElementById('loading_img');
      a.style.top='';
      a.style.left='';
      a.style.position='';
      b.style.display='none';
    };
    </script>
    </head>

    <body onload="foo();">
    <img id="loading_img" style="display:block;margin:20px auto;" src="loading.gif" />
    <div id="content" style="position:absolute;left:-8000px;top:-20000px;">
    .. table .. and stuff
    </div>
    </body>

未经测试，但应该可以工作:)

在网页加载时显示加载GIF-iframe？

问题描述

2 个解决方案

解决方案1
0 2012-01-03 12:36:56

解决方案2
0 2012-01-03 12:45:59

在网页加载时显示加载GIF-iframe？

问题描述

2 个解决方案

解决方案1 0 2012-01-03 12:36:56

解决方案2 0 2012-01-03 12:45:59

解决方案1
0 2012-01-03 12:36:56

解决方案2
0 2012-01-03 12:45:59