Проверка картинки на существование и на ее полную загрузку

[syegorius]

Доброе время суток. В скрипте написал такое чудо:

var newImg = new Image();
newImg.src = src;
var $iw = newImg.width;
var $ih = newImg.height;

Но очень часто $iw и $ih не правильные... Я подозреваю, что это потому что картинка не успевает загрузится...
Как проверить загрузилась ли она, а если картинки не существует, то как заменить src на, например, standart.jpg?
В интернете нашел метод onload и onerror, но не совсем понял как ими пользоваться и куда мне тут их надо вставить...

Заранее спасибо за ответы...

[walik]

var newImg = new Image();
newImg.onload = function() {
$iw = newImg.width;
$ig = newImg.height;
}
newImg.src = src;

[syegorius]

Такой вопрос напрашивается - если newImg.src = src; стоит после newImg.onload = function(); то как оно знает какую картинку проверять на onload?

[ksa]

Такой вопрос напрашивается - если newImg.src = src; стоит после newImg.onload = function();
- Доктор, если я делаю вот так (сворачивается в немыслимую позу)... То у меня сильно болит вот сдесь.
- Не делайте так.

[syegorius]

))) хорошо... ну а если у меня там стоит цикл типа
for(i=0; i<10; i++){
var newImg = new Image();
newImg.onload = function() {
$iw = newImg.width;
$ig = newImg.height;
}
newImg.src = 'img'+i+'.jpg';
}

оно нормально будет работать?

[ksa]

а если у меня там стоит цикл типа
for(i=0; i<10; i++){
var newImg = new Image();
newImg.onload = function() {
$iw = newImg.width;
$ig = newImg.height;
}
newImg.src = 'img'+i+'.jpg';
}
Что мешает переставить местами...

for(i=0; i<10; i++){
var newImg = new Image();
newImg.src = 'img'+i+'.jpg';
newImg.onload = function() {
$iw = newImg.width;
$ig = newImg.height;
}
}

В любом случае нужно просто попробовать...

[Kolyaj]

Вы присваиваете высоты 10 картинок одной переменной. Что тут должно нормально работать?

[ksa]

Kolyaj, может это он только для "примера" такое написал... :)

[Kolyaj]

Что мешает переставить местами...
Не надо переставлять местами, проблемы начнутся.

[ksa]

Ясно...

[Kolyaj]

Kolyaj, может это он только для "примера" такое написал...
Всё равно не будет работать.
http://javascript.ru/basic/closure#primer-oshibochnogo-ispolzovaniya

[syegorius]

написал вот такое:

var newImg = new Image();
newImg.src = src;
newImg.onload = function(){
$iw = newImg.width;
$ih = newImg.height;
}
newImg.onerror = function(){
alert('a');
$(this).attr('src', '/frontend/img/oops.png');
$iw = 450;
$ih = 450;
}
но onerror ничего не происходит. Хотя должно! Что не так?

[ksa]

syegorius, ты примеры-то тестовые делай... :) А не огрызки...

[syegorius]

всмысле примеры? весь кусок кода что ли показать?

[syegorius]

и кстати все равно не работает даже onload. из 9 существующих картинок он только в семи определил их ширину и высоту...

[ksa]

всмысле примеры? весь кусок кода что ли показать?
Сделать такой кусок, который можно скопировать, вставить и запустить у себя. Текст этого должен быть минимальным, простым но иллюстрирующим проблему.

Посмотри какие примеры выкладывают тут. Их тут же можно запустить на выполнение и посмотреть...

[syegorius]

вобщем получилось что в chrome и, что меня сильно удивило, в ie8 работает нормально. В опере 9 и 11 и мозилле не работает... кто-то может мне чем-то помочь... может есть какие-то другие способы найти ширину и высоту какртинки и проверить на ее наличие?

[Kolyaj]

Пока вы не научитесь читать, что вам пишут, вам никто не сможет помочь.


Что мешает переставить местами...

Не надо переставлять местами, проблемы начнутся.

[walik]

var img = new Image();
img.onload = function() {
alert('Loaded: '+img.src+' :: W = '+img.width+' :: H = '+img.height);
}
img.src = "http://javascript.ru/forum/images/smilies/smile.gif";

[syegorius]

да я и так все вернул на свои места...
запустите этот код в мозилле и поймете о чем я


var img = new Image();
img.onload = function(){
alert('Loaded: '+img.src+' :: W = '+img.width+' :: H = '+img.height);
}
img.onerror = function(){
alert('ERROR');
}
img.src = "http://javascript.ru/forum/images/smilies/smilebla-bla.gif";

[syegorius]

ага... ладно работает почемуто... щас дальше буду разбираться