javascriptで画像を動的に読み込むための良い方法のアドバイス

Question

動的にたくさんの画像を読み込む必要があるWebアプリケーションを作成しています。単一の画像が

エラーが発生したロードされている

• （単一イメージすることはできません。私はいつでもそれらをロードして（おそらくオプション）コールバックを呼び出すの世話をすること、loadMultipleImages、ユーティリティ関数を書いた
  負荷）
• すべての画像
が

が、私はこのようにそれを呼び出すエラーなしでロードされます（あなたは完全な例here）を見つけることができます。

var imageResources = []; 
     var mulArgs = {multipleImages: [], 
         onComplete: this.afterLoading.bind(MYAPP), 
         onError: this.logError.bind(MYAPP) 
     } 

imageResources = ["imageA_1.png", "imageA_2.png"]; 
mulArgs.multipleImages.push ({ID: "imageA_loader", imageNames : imageResources}); 

imageResources = ["imageB_1.png", "imageB_2.png"]; 
mulArgs.multipleImages.push ({ID: "imageB_loader", imageNames : imageResources}); 

//Lots of more images 

var mImageLoader = new loadMultipleImages (mulArgs); 

loadMultipleImagesオブジェクトを作成すると、イメージがロードされ、すべてロードされた後にafterLoading（）関数が呼び出されます（問題がある場合はlogError（）が呼び出されます）。

MYAPP.afterLoading = function (loaders) { 
    // Just an example 
    var imageA_array = loaders["imageA_loader"].images; 
    var imageB_first = loaders["imageB_loader"].images[0]; 
} 

ところで、私は（恐らくは正方形の）ホイールを再製作していると思っています。私がやっているよりも優れた軽量でシンプルなライブラリがありますか？または、単にloadMultipleImagesコードを手に入れることの負担を惜しまないより良い方法ですか？

Answer 1

http://jsfromhell.com/classes/preloader