Как дождаться загрузки всех динамически созданных изображений?

Question

[Tenebrius]

Есть некий участок кода, допустим:

smth1();
load_img();
smth2();
smth3();
...

В функции load_img() создаются и загружаются изображения:

img1  = new Image();
img2  = new Image();
img2  = new Image();

img1.src  = 'imgs/img1.jpg';
img2.src  = 'imgs/img2.jpg';
img3.src  = 'imgs/img3.jpg';

return var;

Как добиться, чтобы функция load_img() возвращала ответ только, когда загрузятся все объявленные изображения.

.onload() работает только для одного изображения. так ведь?

Единственный вариант, который приходит в голову, это подобная конструкция:

img1.onload = function (e) {
	   img2.onload = function (e) {
			img3.onload = function (e) {			
			var = true;
			};
		};
   };

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

Answer 1

[Roman Zhak]

Почему бы Вам не воспользоваться deferred object?

Comments

[Tenebrius]

Не знал о таком, спасибо.
Как я понял, следует написать так:
$.when(img1.onload, img2.onload, img3.onload).done(function() { var=true;});