VPF::динамическое обновление картинки (рисуемой)

Lottarend

Дата 13.9.2011, 07:04 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 12
Регистрация: 3.6.2010

Репутация: нет
Всего: нет

У меня есть картинка, которую я рисую с помощью asp.net. Это фон дива, который я обновляю по движению мыши... что-то вроде карты, в общем.

Код


function mouseup(e) {
            var scroll = getScrollXY();
            c = e.clientX+scroll[0];
            d = e.clientY+scroll[1];
            document.getElementById("dda").style.backgroundImage = "url(WebForm2.aspx?Координаты=" + a + "_" + b + "/" + c + "_" + d + "&Параметры=/Координаты" + ")";            
        }

Так вот. Картинка эта рисуется секунду с чем-то, и безбожно мигает во время загрузки, что очень не приятно. Можно как-то сделать, чтобы предыдущая картинка сохранялась, пока изображение полностью не прорисуется?

Lottarend

Дата 13.9.2011, 08:26 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 12
Регистрация: 3.6.2010

Репутация: нет
Всего: нет

Прочитал про кэширование изображения. Попытался сделать так.

Код


var im = new Image();
im.src="WebForm2.aspx?Координаты=" + a + "_" + b + "/" + c + "_" + d + "&Параметры=/Координаты" + "";   
document.getElementById("dda").style.backgroundImage = im.src;

До этого поэкспериментировал с картинкой, смена изображения работает корректно. Что не так? Почему у div'а не меняется фон?
...

Гм, попытка 3.

Код


var im = new Image();
im.src="WebForm2.aspx?Координаты=" + a + "_" + b + "/" + c + "_" + d + "&Параметры=/Координаты" + "";            
document.getElementById("dda").style.backgroundImage = "url("+im.src+")";

Заработало, но почему-то, в отличие от аналогичных действий с img, мигание никуда не делось.

Это сообщение отредактировал(а) Lottarend - 13.9.2011, 08:50

Lottarend

Дата 13.9.2011, 11:51 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 12
Регистрация: 3.6.2010

Репутация: нет
Всего: нет

Уже получил ответ, спасибо, помощь не требуется.

Код


var im = new Image();
im.onload = function () {
document.getElementById("dda").style.backgroundImage = "url("+im.src+")";
}
im.src="WebForm2.aspx?Координаты=" + a + "_" + b + "/" + c + "_" + d + "&Параметры=/Координаты" + "";

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »