在页面加载时显示临时图像

Question

我开发了一个网页，因为我从网页上取消了数据，所以加载需要一些时间。

但是在那段时间后面会显示一个空白页。我需要显示一个替代图像，直到页面加载。帮我做到这一点。在此先感谢

Answer 1

如果您使用jQuery的ajax，您可以使用。 ajaxStart和。 ajaxComplete事件显示要

$("#loading").ajaxStart(function(){ 
    $(this).show(); 
}); 


$("#msg").ajaxComplete(function(event,request, settings){ 
    $(this).append("Request Complete."); 
}); 

Answer 2

任何一个简单而巧妙的解决办法是在覆盖整个页面，并在一切之上一个div使用动态GIF，那么当加载完成简单的隐藏此层。

这不需要Ajax和IE4以来的天数（当我第一次用它）

Answer 3

试试这个已经工作;

1. 您需要一个名为div的包含加载图像并将显示设置为无。
2. 创建一个.js文件并从需要加载器的每个页面引用它。
3. 在JS中，调用一个方法来设置div的可见性来阻塞（如果你喜欢，把它放在一个setTimeout调用中，所以只有在页面加载时间超过几秒时才会触发）。
4. 添加一个window.onload事件来将div的显示模式设置为none。

唯一的依赖是如果你期望大部分加载时间在服务器端，你需要确保响应缓冲允许页面在服务器处理完成之前开始加载。无论哪种方式，这是一个方便的脚本页面需要一段时间才能加载由于网络延迟，只要确保.js嵌入的头脑。