在加载页面之前加载所有资源

时间:2013-06-01 08:31:27

标签: javascript jquery html css

这是我的问题

我有一个包含大量图片的网页,包括小型和大型分辨率 在HTML和CSS中,我使用了这些图像(例如:作为CSS类中的背景图像)

现在我需要在加载我的网站之前加载我的所有图像我试图在谷歌搜索我有很多建议但是在那些他们正在使用id类和等...但我需要加载我的所有图像,无论任何类或id。

我需要这样的事情 http://www.entheosweb.com/tutorials/css/preloader/Demo.html

帮助将非常感激

谢谢......

1 个答案:

答案 0 :(得分:1)

您需要的是onload标记上的body个活动。它表示页面已完全加载。您需要显示一些覆盖整个页面的动画,直到加载页面为止,正如您提供的链接中所述。

显示加载程序

$(document).ready(function(){  
    // Display the loader logic
}

隐藏装载程序

function hideLoader(){
    // Hide the loader
}

<body onload="hideLoader()">