脚本和图像加载器

Question

我的HTML页面很笨重，其中包含几兆字节的图像和脚本。 我想显示使用Flash之类的JavaScript的加载程序-带有进度栏和百分比。

是否有任何带输入的库：URL数组（js脚本和图像），在加载某些内容时会进行回调。 我知道资源的大小，因此我可以进行进度栏。

如果加载器库很轻或使用jQuery会更好。 另外，如果它可以加载CSS，那就太好了（我使用LESS，但应该相同）。

Answer 1

我不知道有什么现成的插件可以实现您的追求。 然而，你应该能够从帮助编写自己的.load（）和.progressbar（） 。

一般的想法是显示默认情况下加载gfx并隐藏其他所有内容。 一切加载完毕后，请显示您的主界面。

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

关键在这里是$（window）.load（）。

Answer 2

jQuery帮助：

• 本地脚本（ url.substr(0, 7) != 'http://' （ 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; var el = new Image(); el.onload = function(){callback(url)}; el.src = url;

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