Прелоадер в Jquery

Question

Я написал для своего проекта необычный прелоадер с jQuery. Пока мой AJAX запрос обрабатывается, он активируется.

Я использовал его для загрузки:

$(document).ajaxStart(function) () {
    #preloder is displayed 
} 

И для его остановки:

$(document).ajaxStart(function) () {
    #preloder is turned off 
} 

Проблема в my AJAX возвращает изображения src, которые затем отображаются в формате <div>, но некоторые изображения действительно тяжелые, и большую часть времени мой предварительный загрузчик останавливается до полной загрузки моих изображений.

Я прошел jquery документация и найден .load (функция). Но похоже, что оно было удалено из jQuery. Кажется, его заменили на .trigger("load"). Может ли это быть полезным для моей проблемы? Я пытался реализовать это, но безуспешно.

Answer 1

Быстрый ответ от @Aureliano Far Suau, который прекрасно работал для меня. Плагин не требуется:

$('img').on('load', function() {
          // do something
    });

Для нескольких изображений:

var loaded = 0;
$('img').on('load', function() {
   loaded++;
   if(loaded == $('img').length){
      // do something
   }
});