Обновление фото после загрузки нового

Есть IP-камера. Хочу сделать на сайте трансляцию в виде обновляющихся фотографий с нее. Обновлять изображение через заданный интервал - не проблема, но хотелось бы другого. Опишу смысл или можно сказать необходимую последовательность действий.

1.Открывается страница и загружается фото с камеры
2.Скрипт ждет, когда фото загрузится полностью
3.Как только фото загрузилось, он отправляет запрос на получение нового фото
4.Тут проблема: надо дождаться загрузки фото из п.3 и только после этого обновить фото на странице.

Т.е. смысл всего этого каков: объем одного фото примерно 260-270 кб, а скорость интернета у всех разная и вот хотелось бы чтоб обновление фотографии происходило с частотой, зависящей только от скорости интернета, а не по времени.

Кое-какая идея есть:
Два дива (один невидимый), туда загружаем первоначальное фото, как только оно загрузилось, копируем его содержимое во второй див и грузим новое изображение в 1-й, и так по кругу.
Только вот не знаю на сколько это оправдано (такое извращение) и будет ли работать вообще.

Я буквально неделю назад создал похожую тему, тема касалась не камеры, а того можно ли как-нибудь узнать, что изображение загружено, но мне никто не ответил, можете посмотреть мою тему, она почти свежая.
А на счет дивов Вы зря так извращаетесь. Достаточно просто меняет атрибут src у тега img.

Тогда неизбежно мерцание фото, при медленном интернет-соединении
(Добавление)

уже почитал, до того как постить свою

Нет. Я предлагаю другой способ, собственно, который скорее всего используется разными плагинами. Скорее всего нельзя никак отследить загружено ли изображение или нет. Поэтому делайте так:
создайте на странице два тега img. У одного тега img пропишите свойство display:none; Затем меняйте у этого тега атрибут src на нужное фото. Браузер загрузив изображение, закэширует его. Затем поменяйте атрибут src у второго тега img, на путь к тому же изображению, что и в первом теге img. И так через определенные интервалы времени, например, 2 секунды.

(Отредактировано автором: 15 Июля, 2011 - 15:37:39)

Pavelbeginner, ну это в принципе то же самое что я и предлагал, я только собирался менять содержимое дивов, а вы атрибут src

Но проблема, к сожалению, все же остается - получить статус состояния загрузки картинки.

Просто по моей задумке, если интернет-канал хороший, то фотки будут грузится быстро (почти видео), а если плохой, то неважно насколько, фотка будет менятся только после полной ее загрузки.

в галереях js фреймворков - реализовано то, что вам необходимо.

-----
- "Holy shit!" -девиз Холливуда
- "Hello world " -девиз PhP

Не существует в фрейморках галерей. Фреймворк это лишь набор инструментов, а галелеря это уже плагин, сделанный с использованием фрейморка. Ну это так, просто для корректности, а не чтобы выпендриться.

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

я могу ошибаться но я смутно припоминаю что событие window.onload происходит при полной загрузке ...и всех картинок в том числе

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

LIME, это так, но оно выполняется при загрузке страницы, но если обновить одно изображение, то данное событие уже не выполнится
(Добавление)
Pavelbeginner
Опередил

по моему document.onload к body...
как вариант открывать картинку в окошке или фрэйме с скриптом

я конешно не уверен потому что не могу проверить, но может так

-----
Если вы хотя бы 3-4 раза не решите всё выкинуть и начать заново - вы явно что-то делаете не так.

OrmaJever была такаяже мысль...но есть ли у каждого элемента событие онлоад?
задал вопрос на тематическом форуме жду ответа..
самому интересно стало
(Добавление)

может вставите картинку после таймера?
мне некогда проверять

врядтли проканает, но попробывать стоит.



Идея неплохая и, пожалуй, единственно возможная.

demot, пусть скрипт генерит фреймы с событием onload. Внутри фреймов размещай нужное изображением и по событию меняй путь к картинке на путь, который у картинки внутри загруженного фрейма.
(Добавление)
То есть загружай документ с изображением. Затем скриптом через ajax запроси кусок html, внутри которого есть фрейм, а внутри фрейма есть тег img с путем к картинки. У фрейма свойство display:none; Вставь полученный html в документ. У фрейма пусть стоит onLoad и по событию этому в нужной картинке меняй src

А некому не приходило в голову посмотреть как это реализировано в галереях? В каких галереях есть такая загрузка?

-----
Если вы хотя бы 3-4 раза не решите всё выкинуть и начать заново - вы явно что-то делаете не так.