PreloadJS - プリロードと追加

Question

提供されたイメージリストがすべて読み込まれ、必要なように動作するスクリプトを作成しました。これは私の主な質問です：

私はこれを、私がすべてのプロジェクト画像やサイト背景などを必要とするポートフォリオサイトとしたいのであれば、それらがHTMLにあるプレースメントとイメージを追加するためにいくつかありますソリューションが既にpreloadjsに入っているのですか？あるいは、私は全体のページに行き、画像ソースを取得して、それらのすべての単一のものに追加すると言うでしょうか？そして、あなたがCSSで使っているいくつかの資産をあらかじめ読み込むことを組み合わせることは可能でしょうか、私は不可能か、むしろ難しいと頼んでいますか？これが可能であれば、私にコードを送る必要はありません。あなたがそれをやる方法をステップアップします（コードは私を傷つけることはありません）。

たぶん私はちょうどpreloadjsですが、私は本当に、私はここに尋ねる私には有用であろう例を見つけることができません、正確に何のために理解していない、多分誰かが私を助けるために喜んで:)

感謝。

Answer 1

PreloadJSは、あなたが望むことを行うための資産を読み込みます。

• 画像、オーディオ、CSS、および他のタイプがプリロードされている、とあなたが/やりたいことができるように提供する参照が
• スクリプトは、ページ本体に追加されている必要が自動的に

を見てくださいhttps://github.com/CreateJS/PreloadJS/

簡単な例：

var queue = new createjs.LoadQueue(); 
queue.on("complete", handleComplete); 
queue.loadManifest([ 
    {src:"image.png", id:"image"}, 
    {src:"script.js", id:"script"} 
]); 
function handleComplete(event) { 
    // Put the image into the body. 
    document.body.appendChild(queue.getResult("image")); 
} 

0コンテンツがロードされ、どのように使用できるかをお見せPreloadJS、付属していたサンプルで

希望はいくつかの助けを提供します。 PreloadJSは、JavaScriptでのアセットとDOMの操作に関する知識を前提としています。