IMG отражает элемент HTML IMG. Этот объект отличается от статического объекта Image. Последний существует только в памяти броузера, а первый - объект элемента HTML, показываемый на странице. При создании объекта Image он не будет показан на странице. Чтобы показать его на странице, самый простой и повсеместно использующийся способ - присвоить его свойство src свойству src объекта IMG. Если при этом ширина и высота заменяющего изображения не соответствуют ширине и высоте заменяемого, страница перезагружается с изменёнными размерами (IE4+, NN6+). Другие броузеры (NN 4, Opera) в этом случае интерполируют изображение под старые размеры. В этом случае может помочь следующий код:

//Macromedia function for resize browser (Модернизирована AnK)
<script language="JavaScript">
<!--
function reloadPage(init) {
//reloads the window if browser resized
    if (init == true) with (navigator) {
//Не пройдут условие только NN 6+ и IE 4+ (исключаются Opera и пр.)
        if (( !((appName == "Netscape") && (parseInt(appVersion) >= 6))||((appName == "Microsoft Internet Explorer") && (parseInt(appVersion) >= 4)))) {
            document.MM_pgW=innerWidth;
            document.MM_pgH=innerHeight;
            onresize = reloadPage;
            }
        }
    else if (innerWidth != document.MM_pgW || innerHeight != document.MM_pgH)
        location.reload();
}
reloadPage(true);
// -->
</script>

Броузеры старых версий не поддерживают объект Image. Кроме того, некоторые пользователи отключают возможность показа изображений в настройках броузера. Решить эту проблему помогает следующая инструкция:

if (document.images) { }

Большинство представленных ниже элементов интерфейса относятся к элементу IMG.

Элемент формы image (поддерживаемый броузерами NN6 и IE4+) похож на элемент button, но свойство и атрибут value последнего заменено в нём на свойство и атрибут src. В основном используются такие свойства этого элемента, как complete, form, name, src и type.

Общие свойства, методы и обработчики событий объекта IMG и элемента формы image перечислены в разделе "Все злементы HTML"

<IMG>, <IMAGE>

<INPUT TYPE=IMAGE SRC="..URL..">

Создание статичного объекта Image
imageName = new Image([ширина, высота])

Определяет, как элемент выровнен относительно окружающего текстового содержания. Большинство значений устанавливает вертикальные отношения между элементом и окружающим текстом. Например, чтобы выровнять основание элемента по базовой линии окружающего текста, значение свойства должно быть baseline. Элемент может быть "floated" по левому или правому краю , чтобы позволить окружающему тексту обтекать элемент.

document.logoImg.align = "absmiddle"

Текст, который будет отображен там, где на странице появляется элемент IMG, когда браузер не загружает графику (или ожидает изображение, чтобы загрузить его). Текст - обычно краткое описание что это за изображение. Знайте, что размер изображения на странице может ограничивать количество текста, которое Вы можете назначать на свойство alt. Удостоверитесь, что описание читаемо.

document.corpLogo.alt = "MegaCorp Logo"

Толщина границы вокруг элемента (в пикселах). В то время как Internet Explorer 4, когда Вы изменяете это свойство, рисует границу вокруг существующего изображения, в Navigator 4 - это свойство только для чтения .

document.logoImage.border = 4

Показывает, полностью ли загрузил браузер элемент IMG или элемент формы image. Обратите внимание, что Navigator 4 реализует свойство некорректно.

if (document.logo.complete) { safe to process the image object }

Используется с IE 4 для закрепления данных, чтобы привязать имя отдаленного столбца источника данных к значению SRC объекта IMG. Атрибут dataSrc уже должен быть установлен для элемента. Одновременная установка свойств и dataFld, и dataSrc для пустых строк нарушает закрепление между источником данных и элементом.

document.myImage.dataFld = "linkURL"

Используется с IE 4 для закрепления данных, чтобы связать имя удаленного источника данных ODBC (типа Oracle или SQL Server database) с элементом. Содержание из источника данных определено через атрибут dataFld. Одновременная установка свойств и dataFld, и dataSrc для пустых строк нарушает закрепление между источником данных и элементом.

document.myImage.dataSrc = "#DBSRC3"

URL видео файла, который будет отображен в контейнере IMG. Изменение этого свойства загружает новый файл видеозаписи в объект IMG.

document.images[3].dynsrc = "snowman.avi"

Эти три свойства содержат информацию о файле, отображаемом в элементе IMG (в случаях статического и динамического содержимого). Первые два содержат даты создания и изменения файла. Последнее - его размер в байтах. IE 4 и 5 по разному форматируют возвращаемое значение даты.

Высота и ширина в пикселах элемента изображения. Изменение этих значений в Internet Explorer 4 немедленно отражается на содержании страницы. Знайте, что изображения масштабируются, чтобы приспособиться новому измерению.

document.prettyPicture.height = 250

URL, указанный атрибутом src. Идентично свойству src.

document.logoImage.href = "images/fancyLogo.gif"

Размер в пикселах горизонтальных и вертикальных краев, окружающих объект изображения. Свойство hspace затрагивает левые и правые грани элемента (одинаково); vspace затрагивает верхние и нижние грани элемента (одинаково). Эти края - не аналогичны краям, установленным таблицами стилей, но они имеют тот же самый визуальный эффект. Новые значения могут быть назначены на эти свойства только в Internet Explorer 4 и выше.

document.logo.hspace = 5 document.logo.vspace = 8

Активирован ли элемент IMG как серверная карта изображения. Чтобы изображение стало серверной картой изображения, оно должно быть вложено в элемент a, чей атрибут HREF указывает на URL программы CGI. Браузер добавляет в конец URL координатную информациютак же, как и метод формы GET добавляет в конец URL данные элемента form.

Более современные браузеры поддерживают клиентские карты изображения (см. свойство useMap), которые работают более быстро для пользователя, потому что нет никакой связи с сервером.

document.navMap.isMap = true

Если Вы определяете файл видеозаписи атрибутом DYNSRC,свойство loop устанавливает, сколько раз клип должен играться (сколько итераций цикла). Изменение на значение -1 равносильно непрерывному циклу.

document.movieImg.loop = 3

Это свойство - URL файла, который предназначен, чтобы представить детальное описание изображения, вставленного в атрибут IMG.

Если изображение долго загружается, можно свойством lowsrc указать на URL изображения меньшего размера в байтах. Изображение lowsrc должно быть с тем же самым размером пиксела, как и первичное изображение SRC. Имеет смысл изменять свойство lowsrc, только если Вы собираетесь изменять свойство src. В NN6 следует писать свойство lowsrc в виде lowSrc.

document.productImage.lowsrc = "images/widget43LoRes.jpg"

Идентификатор, связанный с изображением для использования в ссылках на объект.

var imgName = document.images[3].name

Данное свойство возвращает часть URL файла, содержащую только путь и имя.

Обычно это свойство возвращает компонент protocol URLа, связанного с элементом. Это свойство, которое работает только в Win32, кажется, не работает должным образом.

Возвращает ссылку на статический объект Image, от которого созданы все образцы объектов изображения. Этот механизм обычно используется в объектах базового языка JavaScript. Факт, что это свойство является доступным только в Internet Explorer 4 для Macintosh, заставляет сомневается в его законности.

Возвращает текущее состояние загрузки изображения. Это свойство обеспечивает наиболее градуированную шкалу значений. С изменением этого свойства система обрабатывает событие onReadyStateChange .

if (document.contentsMap.readyState == "uninitialized") { statements for alternate handling }

Представляет собой URL объекта изображения. Задание URL этому свойству объекта IMG или элемента формы image заставляет броузер загружать новое изображение на место старого. В случае статичного объекта Image новое изображение загружается в буфер броузера (часто используется в прелоадерах).

Данное свойство задаётся для файлов видеоклипов, воспроизводимых в области элементов IMG. Когда значение свойства - fileopen, клип воспроизводится при загрузке элемента. Если оно равно, например, mouseover, то клип воспроизводится при наведении на него курсора.

Данное свойство задаётся для элемента формы image. Оно определяет тип элемента INPUT.

URL элемента MAP в документе, работающего на клиентской стороне. Значение включает метку hash, связанную с именем карты в атрибуте useMap элемента IMG .

document.images[0].useMap = "#altMap"

Горизонтальные и вертикальные координаты верхнего левого угла изображения относительно страницы. Они работают только Navigator и соответствуют свойствам offsetLeft и offsetTop Internet Explorer 4.

var imageFromTop = document.logoImg.y

Удаляет фокус из текущего элемента и обрабатывает событие onBlur (в IE). Никакой другой элемент в результате не получает фокус (обязательно).

Дает фокус текущему элементу и обрабатывает событие onFocus (в IE). Если другой элемент имел фокус в то время, он получает событие onBlur.