Поймайте событие загрузки из iframes, используя делегирование jQuery [duplicate]

Array.prototype.forEach.call(document.querySelectorAll('img'), function (elem) {
    elem.addEventListener('load', function () {
        this.style.display = 'inline';
    });
    if (elem.complete) {
        elem.style.display = 'inline';
    }
});

Событие «load» не будет срабатывать, если изображение уже загружено случайно; таким образом, мы проверяем, установлен ли complete.

Вы можете использовать обработчик события Image.onload, но не задействовано.

var i = new Image;
i.onload = function() {
  this.style.display = 'block';
}

Использовать захват прослушивателя событий на каком-то узле DOM, отличном от window (body или другого родителя интересующих элементов изображения):

document.body.addEventListener(
    'load',
    function(event){
        var tgt = event.target;
        if( tgt.tagName == 'IMG'){
            tgt.style.display = 'inline';
        }
    },
    true // <-- useCapture
)

При этом вам не нужно (re ) присоединить обработчики событий при повторении через document.images.

И это будет работать и с динамически вставленными изображениями.

То же самое верно для событий загрузки изображения error. MDN: addEventListener

$('img').on('load', function() {
    $(this).show()
})

Без библиотек:

window.onload = function() {
   var imgs = document.querySelectorAll('img')
   imgs.onload = function() {
      this.style.display = 'inline';
   }
}