2011-05-12 34 views
4

我已经看过一些关于如何为图像创建JavaScript预加载器的教程。是否有可能为其他JavaScript使用JavaScript预加载器?更多JavaScript的JavaScript预加载器

我的网站使用mootools(以及其他)动画和大量的图片等 - 因此它需要一段时间来加载。是否有可能让网站在页面中居中放置一个“加载” - 除非所有Javascript库加载,所有图像加载等,否则不会有任何更多内容。该网站拥有约30万的JavaScript(压缩),800k的图片在头版。

在纯Flash设计中,可能会让Flash影片简单地说在任何关联的库,其他代码,图像,下载和出现之前加载。这可以在JavaScript中完成吗?

+0

您是否必须一次加载所有内容?我的意思是你肯定不能在单个页面上显示800K的图像。那么为什么不尽快提供东西,然后继续默默地加载其余的东西呢? – 2011-05-12 22:17:36

+0

预加载是如此1999!很久以前,在一个WEB很远的地方,我用普通的js写了这个:http://fragged.org/dev/preloading-images-via-javascript.php - 也许它会帮助你,它会给你实时的% 反馈。我还编写了一些基于mootools的工具,用于lazyloading javascripts(按顺序排列),以使用mootools提供的Asset.images。 – 2011-05-12 22:50:34

回答

4

执行上的window.onload所有的代码()

这里是一个可笑的简单例子,给你的基本思想:http://jsfiddle.net/kennis/jHJ3T/1/

可怕的红格为您的预加载的思考。一旦文档加载所有资源(图像,js文件,无论),预加载器就会消失,您的内容现在可见,并且您的JavaScript库已经完全加载并准备好执行。

如果您想多次运行jsfiddle示例,请更改图像标记末尾的“随机”值,以便您的浏览器不会拉取缓存版本。

+1

我想他是问如何通过XHR加载JavaScript,并且在加载时如何显示指标。 – Mario 2011-05-12 21:50:21

+0

啊,好的。那不是我最初的印象。 – 2011-05-12 21:53:23

+0

或者他可以做你的选择。当所有的脚本和元素都已准备好并准备就绪时,请使用'onload'将其移除。 – Mario 2011-05-12 21:55:13