显示加载页面加载GIF - iframe？

我正在加载一个IFrame，其中包含一个包含一长串动态数据的页面到一个网站。根据宽带速度加载需要几秒钟，并且由于安装需要进行加载。显示加载页面加载GIF - iframe？

我想显示加载GIF，以便用户知道发生了什么，但我努力使其显示为父页面容器或围绕iframed页面内的div的背景图像。

来源

2012-01-03 Dancer

请您如何使用GIF图像粘贴代码.. – Ved 2012-01-03 12:45:07

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

当表格渲染开始时，图像将被重叠，所以甚至不需要通过javascript将其删除。

来源

2012-01-03 12:36:56 fcalderan

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

没有测试，但应该工作:)

来源

2012-01-03 12:45:59 walialu

显示加载页面加载GIF - iframe？

回答

相关问题