スクリプトと画像のローダー

Question

私は数メガバイトの画像とスクリプトを含む重いHTMLページを持っています。私はFlashのようなjavascriptを使ってローダーを表示したいと思います - プログレスバーとパーセントで。

何かが読み込まれたときにコールバックを行うURLの配列（jsスクリプトと画像）。私はリソースのサイズを知っているので、私はプログレスバーを作ることができます。

ローダーライブラリが非常に軽いかjQueryを使用する方が良いでしょう。 また、CSSを読み込むことができればいいです（私はそれよりもはるかに使いますが、同じでなければなりません）。

Answer 1

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;

を私は知っているので、私はURLとサイズの配列を持っていますダウンロード済みのサイズと合計サイズ。

Answer 2

私はあなたが何をしているかを達成するために、すぐに使えるプラグインを知らない。しかし、あなたは.load()と.progressbar()の助けを借りてあなた自身で書くことができるはずです。

一般的な考え方では、デフォルトでgfxを読み込み、他のすべてが隠されていることを示すことになります。すべてがロードされたら、メインUIを表示します。

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

ここでのキーは$（window）.load（）です。