Люди, помогите. Не знаю как решить задачку:

По определенному событию начинаю грузить картинку. Мне нужно узнать ширину и высоту этой картинки.

Вот код:


Проблема в том, что ширина и высота картинки так и не определяются. Что-то я не то делаю. Как убедиться в том, что картинка загружена полностью и только тогда брать ширину и высоту? Сейчас у меня и то и то становится undefined  

Помогите пожалуйста

Неее... У меня картинки пока что нет. Т.е. хтмл-кода вообще нет. Он генерируется после загрузки картинки. Т.е. у меня, грубо говоря, пустая страница. А когда я запускаю скрипт, начинает догружаться картинка. Мне, скажем, нужно ее поместить в div. Для этого мне нужно задать диву размеры, равные размерам картинки. Собственно вот. Так как вы предложили - не подходит. Картинка выводится гораздо позже того, как мне нужны ширина и высота.

SHAmanovi4, так перенесите второй alert и все, что нуждается в переменных picw, pich внутрь той функции, которая onload объекта Image(). Скрипт же не становится на паузу от самого факта назначения обрабочика...

Это как-то нестабильно работало в IE, поэтому нормально выводится так:



Добавлено @ 16:17 
Лучше ww=setInterval(...), а когда определится a.width&&a.height, стереть: cleaRInterval(ww);

Добавлено @ 16:19 
Нет, всё понятно, вот так стабильно работает:


Это сообщение отредактировал(а) 12345c - 24.11.2006, 16:21

О! Спасибо большое! Заработало! Оказывается, нужно было присваивать src уже после того, как наступил onload! Крутотень... век живи - век учись. Спасибо большое.  


......
Блин! Теперь вот какое дело: он при первом клике сообщает об ошибке. Только на второй делает все как полагается... 
Вот полный листинг скрипта... не хотел выкладывать, но, похоже, выбора нет.



Это сообщение отредактировал(а) SHAmanovi4 - 24.11.2006, 17:05

Поправочка: не после того, как наступил, а после того, как для него был назначен обработчик. Именно чтобы иметь гарантию того, что onload не успеет "проскочить" необработанным...

А если я запихаю остатки своей функции (смотри код в моем посте выше), то оно будет работать чтоли... ща попробую...

1) function bigpic(newsrc, title)    {
var div = d.getElementById('bigpic'); - даст ошибку в FF из-за 2 переменных с одинаковым имененем (он считает, что ид - это переменная);

2) возможно, на больших картинках pic.onload=function() {picw=pic.width; pich=pic.height;} не сработает (были такие проблемы, правда, при прорисовке картинки), и тогда надо вставить задержку.

Во блин! Тупизм... ладно, исправлю. Это не долго....

Господа, пожааааалуйста! Напишите работающий пример!   Я в упор не понимаю почему у меня программа идет дальше, не дождавшись выполнения того, что в onload...

Действительно, проверил эту программу на локальном хосте в IE - успевает, а в FF - нет. Придётся переделать с задержками. Минут через 5.
(то, что див не обрамляет рисунок, как задумано - проблема исходного кода  )

Это сообщение отредактировал(а) 12345c - 24.11.2006, 18:37

Во! ОТЛИЧНО!  Спасибо огромное за оперативность и полноту! Это будет использоваться здесь:

http://anime.insyss.ru/galery

просто хочу нормально чтобы картинки открывались в галерее. Я написал галерею на Perl, хочу ее в свободное плавание запустить. Вот готовлю.

Спасибо еще раз.

12345c, а в чем все же преимущество периодического вызова по таймауту однократному вызову по Onload?

Видимо, в том, что onload проскакивал. Попробуйте сделать по onload и по таймауту. По onload мне предлагали делать все. И у меня не получалось. А по таймауту получилось. Можете посмотреть по моей ссылке результат.

сам понимаю что по таймауту не оч хорошо получается - функция висит в памяти. Но что пделать, если так надежнее?

SHAmanovi4, не знаю, я поэкспериментировал с Вашим кодом с onload, только тупо перенес в него весь код за исключением присвоения src:

И никаких проблем в FF не увидел, ни на быстрой локальной загрузке, ни на медленной удаленной. Предлагаю дождаться ответа 12345c...