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

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