Автоматическое обновление изображения

Burunduk1982

Постоялец
Регистрация
26 Мар 2007
Сообщения
630
Реакции
133
Без знаний JS не могу разобраться. Потому взываю к вашей помощи.

По сути, задача простая - необходимо скриптом обновлять изображение, например, каждые 3 или 5 секунд, без перезагрузки страницы. Есть постоянная ссылка с веб-камеры вида _Для просмотра ссылки Войди или Зарегистрируйся, которая и генерит изображение. Как это реализовать в жизнь просто и качественно?
 
Просто на JS
<div>
<img id="img_reload" src="Для просмотра ссылки Войди или Зарегистрируйся" />
</div>
<script>
setInterval("document.getElementById('img_reload').src = 'Для просмотра ссылки Войди или Зарегистрируйся'",2000);
</script>

C jQuery

<script>
setInterval("$('#img_reload').attr('src', 'Для просмотра ссылки Войди или Зарегистрируйся')",2000);
</script>

Убрал, чтоб не смущать остальных :)

Для просмотра ссылки Войди или Зарегистрируйся,
setInterval(функция , обновлять каждые N-миллисекунд);
 
Просто на JS
<div>
<img id="img_reload" src="Для просмотра ссылки Войди или Зарегистрируйся" />
</div>
<script>
setInterval("document.getElementById('img_reload').src = 'Для просмотра ссылки Войди или Зарегистрируйся'",2000);
</script>

C jQuery

<script>
setInterval("$('#img_reload').attr('src', 'Для просмотра ссылки Войди или Зарегистрируйся')",2000);
</script>

Убрал, чтоб не смущать остальных :)

Для просмотра ссылки Войди или Зарегистрируйся,
setInterval(функция , обновлять каждые N-миллисекунд);

Спасибо за помощь, но работает только в хроме. В эксплорере, опере и мозилле не обновляет. Похожие варианты находил и они так же не обновляют картинку. Случайно нашел решение в андроид-приложении IPWebcam, которое работает во всех браузерах. Выкладываю, может пригодится кому-нибудь.

Есть еще один момент - некоторые камеры сети запоролены. Доступ в виде логина и пароля к ним есть. Надо как-то авторизоваться возможностями JS. Пример:
Для просмотра ссылки Войди или Зарегистрируйся
логин: test
пароль: test1
 

Вложения

  • cam.zip
    35,9 KB · Просмотры: 15
Проще говоря кеш.

Вот так должно работать во всех:


<div id="img_reload">
<img src="img.jpg" />
</div>
<script>

setInterval(function(){
var img_tag = '<img src="Для просмотра ссылки Войди или Зарегистрируйся?img' +Math.random(0,100)+ '" />';
document.getElementById('img_reload').innerHTML = img_tag

}
,
2000);
</script>

Мы перезапишем контейнер, но изображение у нас будет тоже, но имя изображения для браузера якобы другое. .
 
Назад
Сверху