Как узнать когда 100% загрузились все картинки в блоке?

Question

[3ds]

Проблема такая: есть блок, в нем около 50 мелких картинок ~128х120px. Надо точно узнать когда все картинки загружени и соответственно подсчитать их общую ширину. Подскажите как на js(JQuery) поймать событие когда все картинки гарантированно загрузились?

$('div images').load(..); // не пашет см. док-ю.

Comments

[pel]

Почему $('div images'), а не $('div img')?

Answer 1

[lashtal]

jQuery imagesLoaded
github.com/desandro/imagesloaded

Answer 2

[Сергей Протько]

jQuery(window).bind('load', callback); //Гаррантированно!)

Comments

[Влад Фролов]

А если блок с картинками загружается ajax'ом после загрузки страницы?
PS Это я к тому, что ваше решение негарантированно…

[Михаил]

а если не bind а live?

Answer 3

[rPman]

первый же результат в гугле noteskeeper.ru/35/

Comments

[3ds]

не помогло.

Answer 4

[Finom]

Посчитать количество изображений, на каждое изображение повесить событие load. Если сработало то количество лоадов, которое равно количеству изображений, то, очевидно, все картинки загружены.

Comments

[incomby]

а если картинка в кеше то load срабатывать не будет?

[Finom]

incomby: будет (в теории)

[incomby]

Кстати, вот и теория. Замечание 1:
http://jquery.page2page.ru/index.php5/Обработчик_с...