画像をたくさん読み込む

画像の取り込みをコントロールする

javascript

var images = document.getElementsByTagName('img'); 
var count = 0;
for (var i = 0; i < images.length; i++) {
    var img = new Image(); 
    img.onload = function() {
            count += 1;
    }
    img.onerror = function() {
            count += 1;
    }
    img.src = images[i].src;
};
var waiting = setInterval(function() {
    if(count == images.length) {
        clearInterval(waiting);
        ここに画像を取り込んだ後の処理を書く
    }
}, 100);

---

参考