PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Как заставить обновляться картинку на JS?

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Описание: Причем так, чтобы она не моргала..

Поиск в теме | Версия для печати

Bertolomych	Отправлено: 10 Июня, 2011 - 01:09:58
Новичок Покинул форум Сообщений всего: 40 Дата рег-ции: Февр. 2010 Помог: 0 раз(а)	В общем, есть картинка. Она время от времени меняется (cgi-скриптом). Надо сделать так, чтобы в браузере она тоже менялась, ну, т.е. поддерживалась в актуальном состоянии. Сейчас сделал так: CODE (javascript): скопировать код в буфер обмена <script language="JavaScript" type="text/javascript"> <!-- var i = 1; id = setInterval(function(){ url = 'http://url.to/image&i='+i; hiddenImg = new Image(); hiddenImg.src = url; document.map.src = hiddenImg.src; i++; }, 1000) //--> </script> Здесь параметр i в url'е ничего не значит, а включен туда только для того, что если url одинаковый, то браузер картинку не меняет. Для этой же цели он и растет постоянно. Проблемы возникают следующие: 1. Когда картинка обновляется в Опере, она моргает (исчезает, и заменяется новой, при этом еще и весь текст прыгает вверх-вниз). 2. Постоянно растущий урл устрашает... Вопрос: А!! Что делать?!?! Помогите!!

DeepVarvar	Отправлено: 10 Июня, 2011 - 01:14:17
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	Решения: 1. Поместить картинку в див соответствующих статичных размеров 2. использовать POST, JS-MathRandom() или сессии - вариантов куча... ----- Шта? Репозиторий?

Bertolomych	Отправлено: 10 Июня, 2011 - 13:58:30
Новичок Покинул форум Сообщений всего: 40 Дата рег-ции: Февр. 2010 Помог: 0 раз(а)	DeepVarvar, 1. Понятно, что див. Но он решит проблему только с ёрзаньем текста. Но главная-то проблема не в этом, а в том что картинка моргает. 2. POST, JS-MathRandom() - это, как я понимаю, вариант того же самого только в скрытом виде. Хотя тоже интересно, как заставить картинку запрашивать через post? Я что-то не в курсе. А про сессии - можно поподробнее? о чем речь?

pastevgen	Отправлено: 10 Июня, 2011 - 14:04:03
Новичок Покинул форум Сообщений всего: 42 Дата рег-ции: Июль 2010 Помог: 0 раз(а)	Ну так не проблема с морганием Нужно сделать проверку, если значение i поменялось значит обновить иначе нет

Bertolomych	Отправлено: 10 Июня, 2011 - 14:18:19
Новичок Покинул форум Сообщений всего: 40 Дата рег-ции: Февр. 2010 Помог: 0 раз(а)	pastevgen, ок, моргать будет реже и через нерегулярные интервалы. но все равно ведь будет!

pastevgen	Отправлено: 10 Июня, 2011 - 14:36:12
Новичок Покинул форум Сообщений всего: 42 Дата рег-ции: Июль 2010 Помог: 0 раз(а)	Можно попробовать так CODE (javascript): скопировать код в буфер обмена $('img').hide().load(function(){ $(this).show(); }); Правда не уверен что будет работать в старых версиях IE Но все же вариант!

Давит	Отправлено: 10 Июня, 2011 - 15:02:14
Частый гость Покинул форум Сообщений всего: 147 Дата рег-ции: Май 2011 Помог: 2 раз(а)	Bertolomych пишет: В общем, есть картинка. Она время от времени меняется (cgi-скриптом). Надо сделать так, чтобы в браузере она тоже менялась, CODE (html): скопировать код в буфер обмена <script type="text/javascript"> document.write('<img src="url" />') </script> (Отредактировано автором: 10 Июня, 2011 - 15:04:46)

Bertolomych	Отправлено: 10 Июня, 2011 - 15:14:17
Новичок Покинул форум Сообщений всего: 40 Дата рег-ции: Февр. 2010 Помог: 0 раз(а)	pastevgen, Гм.. Честно говоря, я ожидал, что этот вариант не будет работать уже потому, что jquery'евский аякс попытается отобразить картинку текстом. Однако же load, в отличие от, собственно ajax, отобразил картинку нормально. И добились мы следующего: 1. картинка стала моргать не только в опере, но и в фф. 2. при этом она перестала обновляться, хоть убей ее, вне зависимости от того, по какому урлу ее загрузишь. Вывод: не совсем то, чего хотелось бы.. Давит, ну блин, так она будет не только моргать, но еще и ждать, пока картинка загрузится.. (Отредактировано автором: 10 Июня, 2011 - 15:16:38)

pastevgen	Отправлено: 10 Июня, 2011 - 15:26:55
Новичок Покинул форум Сообщений всего: 42 Дата рег-ции: Июль 2010 Помог: 0 раз(а)	hide я в спешке написал, а имелось введу что функция события load происходит когда объект img уже загружен! А закрываем объект перед его сменой! Детально помочь не могу так как щас у самого куча работы! Но желаю успеха! CODE (javascript): скопировать код в буфер обмена $('img').load(function(){ $(this).show(); });

Bertolomych	Отправлено: 10 Июня, 2011 - 15:47:27
Новичок Покинул форум Сообщений всего: 40 Дата рег-ции: Февр. 2010 Помог: 0 раз(а)	pastevgen, Честно говоря, я не понял, чем этот вариант отличается от исходного, однако работает! Хотя нужна еще небольшая доработка: CODE (javascript): скопировать код в буфер обмена $('img').load(url, function(){ $(this).attr('src', url).show(); }); Так что - спасибо!

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.