jQuery img .attr не работает, если window.onload

Question

Я пытаюсь назначить .attr изображениям с использованием jQuery.

window.onload = function() { 
jQuery('img[src="/i.gif"][alt="info"]').attr({ width: '20px', height: '20px' }); 
} 

вышеуказанные работы, однако,

jQuery(document).ready(function() { 
jQuery('img[src="/i.gif"][alt="info"]').attr({ width: '20px', height: '20px' }); 
}); 

не работает.

По некоторым причинам мне необходимо, чтобы .attr назначался раньше, чем window.onload. Есть ли способ запустить сценарий в тот момент, когда изображение загружается? В принципе, я хочу как можно скорее изменить .attr, не дожидаясь window.onload.

Answer 1

То, вероятно, потому, что ваш образ в еще не загружен в DOM готов, так что вы можете придерживаться $(window).load() или использовать нагрузку на изображении() событие, так как

jQuery(document).ready(function() { 
    jQuery('img[src="/i.gif"][alt="info"]').load(function() { 
     $(this).attr({ width: '20px', height: '20px' }); 
    }).each(function() { 
     if(this.complete) $(this).load(); 
    }); 
}); 

Update :: Если источник изображения уже набор, вам нужно выполнить дополнительную проверку изображения кэшей, как в примере выше. Демо jsFiddle