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

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

Вот код:


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

(Тот же самый эффект значительно проще, без скриптов, получить, если сгенерировать отцентрированную (по горизонтали) таблицу неопределённой ширины и высоты, вставленную в таблицу шириной и высотой 100%, имеющую absolute. Картинка тогда проявится  только после окончания загрузки (т.к. в таблице), а центровку не надо будет вычислять.)

Примерно:

Внешняя таблица без фона не мешает делать клики, что иллюстрируется ссылкой.
...Хотя нет, мешает.

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

Имхо, "значительно проще без скриптов" из скрипта все же не получится ;)

Это сообщение отредактировал(а) SelenIT - 24.11.2006, 19:09

она не висит в памяти - просто регулярно несколько раз вызывается.


Я тестировал на 1.07, там FF (в моей версии) не успевал выдать правильные размеры, давал (0,0). И, видимо, это где угодно могло случиться, поэтому проверка по таймауту страхует неуспевание.

Кстати, без таймаута уже через несколько операторов FF давал правильные размеры, но на это надеяться, конечно, нельзя.

12345c, я правильно понимаю, такая беда была с этим вариантом?

А если его заменить на такойпроблема все равно остается?

Это сообщение отредактировал(а) SelenIT - 24.11.2006, 20:30

Скорее всего, разницы не будет, потому что стоило взять в FF a.width чуть позже без задержек по tomeout, как становилось не 0, а нужное число.

как это выглядит сейчас:
http://anime.insyss.ru/galery/

И вот какой ща скрипт:


На самом деле, я уже на грани отчаяния. Я логику понимаю, следую за ней и не вижу ошибки. ПОЧЕМУ  Народ, если поможете - буду ну ОЧЧЧЕНЬ благодарен.

Это сообщение отредактировал(а) SHAmanovi4 - 30.11.2006, 18:28