在页面加载时显示加载GIF - iframe?

时间:2012-01-03 12:34:07

标签: javascript jquery iframe

我正在将包含带有一长串动态数据的网页的IFrame加载到网站中。根据宽带速度加载需要几秒钟,并且由于设置需要进行设置。

我想显示一个加载GIF,以便用户知道发生了什么,但我很难让它在父页面容器或iframed页面内的内容周围的div中显示为背景图像。< / p>

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

<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>

未经测试,但应该有效:)