Допустим нужно в существующем элементе 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; });Пример здесь
Преимущество такого подхода состоит в том, что если изображения нет, то изначальный рисунок останется на своем месте и страница не выдаст ошибку.
Комментариев нет:
Отправить комментарий