Предзагрузка массива изображений

[alex_web64]

Здравствуйте.

У меня есть такой код, упрощенный для примера:
 

for(var i = 0; i < 10; i++){	for(var j = 0; j < 10;j++){		var img = new Image();		img.onload = (function (i,j,img) {			return function () {				// do something			};        }(i,j,img));			};};

который я использую для предзагрузки изображений, которые потом рисую на канве. Но здесь нет кода, который бы отслеживал, когда все изображения будут использованы.

Я его немного усовершенствовал, но у меня не получается увеличивать переменную loaded, она всегда равна 0 и после увеличивается на 1, тоесть равна 20 она никогда не будет.

var loaded = 0;for(var i = 0; i < 10; i++){    for(var j = 0; j < 10;j++){        var img = new Image();        img.onload = (function (i,j,img) {            return function () {                loaded++;                if(loaded == 20) callback();            };        }(i,j,img));            };};

https://jsfiddle.net/tdsw6z5w/2/

[afdw]

https://jsfiddle.net/tdsw6z5w/3/