Поиск по этому блогу

вторник, 10 июля 2012 г.

Отображение передварительно загруженной картинки через javascript

Допустим нужно в существующем элементе html страницы отобразить картинку, которая загружается через объект javascript Image(). Изображение должно быть отображено только в случае удачной его загрузки. Для этого можно воспользоваться событием onLoad() объекта Image(). На странице у нас есть элемент картинки:
Изменим отображаемое изображение используя javascript:
function loadImage() {
            img = new Image();
      img.src='http://25.media.tumblr.com/tumblr_m5n33fvJ1A1qgz81bo1_500.png';
            img.onload=(function() {
                document.getElementById('img_chg').src = img.src;
            });
Пример здесь
Преимущество такого подхода состоит в том, что если изображения нет, то изначальный рисунок останется на своем месте и страница не выдаст ошибку.

Комментариев нет:

Отправить комментарий