Как определить, что картинка загрузилась в IE?

Question

[enovot]

Добрый день. Перерыл гугл в поисках ответа на вопрос как средствами js определить что картинка загрузилась в IE. Мне всего то нужно найти картинки на стр и после загрузки каждой из них запустить функцию.

function onLoadDo () 
{
 alert('I am loaded');
};
imgs	 = document.querySelectorAll('.page img');
for ( var i=0, len = imgs.length; i < len ; i++ ) 
{
 imgs[i].onload  = onLoadDo; // в Мозиле и Хроме работает отлично. IE не понимает
};

Был еще вариант неписать вот так

objLength = imgs.length;
if ( window.addEventListener ) 
{ 
for ( var i=0; i < objLength; i++ ) 
{
	imgs	[i].addEventListener( "load", onLoadDo, false );
};
}
else if ( window.attachEvent ) 
{ 
for ( var i=0; i < objLength; i++ ) 
{
	imgs	[i].attachEvent( "onload", onLoadDo );
};
}
else if ( window.onLoad ) 
{
for ( var i=0; i < objLength; i++ ) 
{
	imgs	[i].onload  = onLoadDo;
};
}

Но в IE все так же не работает( . Подскажите пожалуйста, что можно сделать

Answer 1

[vdem]

Странно, у Вас видимо какой-то другой гугл. Адресочек не дадите?
stackoverflow.com/questions/14429656/onload-callba...
Искал по "Image onload IE"
Короче говоря, если картинка загрузилась ДО того (из кэша, например), как был указан обработчик onload, этот обработчик вызван НЕ БУДЕТ.

Comments

[enovot]

Такие варианты я видел. По ссылке которую вы прислали рекомендуют сделать так:
img = new Image();
img.onload=function(){
var width = img.width + 'px';
var height = img.height + 'px';

$('#container').css({'width':width,
'height':height
});
};
img.src = '/images/site/image.jpg';
в js указывают ссылку на изображение. А если у меня таких картинок 100? И они меняются все из админки cms , как быть?

[vdem]

Вот так можно определить, что картинка загрузилась (и соответственно не вешать на нее обработчик) www.w3schools.com/jsref/prop_img_complete.asp

[enovot]

Чтобы использовать это свойство (.complete) нужно запускать setInterval и все время запрашивать это свойство чарез if. Что есть не очень хорошо.

[vdem]

Ну блин!!! Просмотреть ВСЕ картинки, повесить обработчики только на те, которые не загружены, и тогда onload должен и в IE сработать!

[enovot]

Я сделал вот так и кажется это работает. Так вы имели ввиду, да?
for ( var i=0; i < objLength; i++ )
{
if ( imgs[i].complete )
{
onLoadDo();
}
else
{
imgs[i].onload = onLoadDo;
}
};

[vdem]

Да, именно.

[enovot]

Отлично! Большое спасибо)