脚本和图像的加载程序

Question

我有很多带有几兆字节图像和脚本的HTML页面。我想使用像Flash这样的javascript显示加载程序 - 使用进度条和百分比。

是否有任何带有输入的库：URL（js脚本和图像）数组在加载某些内容时进行回调。我知道资源的大小，所以我将能够制作进度条。

如果加载程序库非常轻或使用jQuery会更好。 此外，如果它可以加载CSS它很棒（我使用LESS但应该是相同的）。

Answer 1

我不知道任何可以实现你所追求的开箱即用插件。不过，您应该可以在.load()和.progressbar()的帮助下编写自己的作品。

一般的想法是显示默认情况下加载gfx并隐藏其他所有内容。一旦所有内容都已加载，然后显示您的主UI。

$(document).ready(function(){
    $(window).load(function() {
        $("#loading").hide();
        $("#mainUI").show();
    });
});

这里的键是$（window）.load（）。

Answer 2

jQuery帮助：

• 本地脚本（url.substr(0, 7) != 'http://'）：$.get(url, function(data){eval(data); callback(url)}
• 远程脚本：$.getScript(url, function(){callback(url)})
• 图片：var el = new Image(); el.onload = function(){callback(url)}; el.src = url;

我有网址和大小的数组，所以我知道已经下载了多少和总大小。