显示加载页面加载GIF - iframe?
问题描述:
我正在加载一个IFrame,其中包含一个包含一长串动态数据的页面到一个网站。根据宽带速度加载需要几秒钟,并且由于安装需要进行加载。显示加载页面加载GIF - iframe?
我想显示加载GIF,以便用户知道发生了什么,但我努力使其显示为父页面容器或围绕iframed页面内的div的背景图像。
答
您可以添加图像作为iframe中body
元素的背景,并且位置靠近顶部并居中。例如。 background-position: center 30px
当表格渲染开始时,图像将被重叠,所以甚至不需要通过javascript将其删除。
答
<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图像粘贴代码.. – Ved 2012-01-03 12:45:07