5. Растровые зображення

Растровые зображення у виді файлів форматів GIF і JPEG широко застосовуються в документах HTML, тому що з їхньою поміччю можна значно поліпшити зовнішній вигляд сторінок серверів Web.

На жаль, можливості HTML не дозволяють домогтися достатньо складних видеоэффектов без застосування додаткових засобів, таких, як аплеты Java, компоненти Active і сценарії JavaScript. Фактично крім статичної графіка можна використовувати тільки анімаційні зображення, побудовані з застосуванням многосекционных файлів GIF, і сегментированные графічні зображення. Останні потрібні для створення посилань.

У цій главі будуть розглянуті деякі можливості графічного оформлення сторінок серверів Web, що будуть у розпорядженні при використанні сценаріїв JavaScript.

5.1. Растровое зображення як об'єкт

Для того щоб вбудувати растровое зображення в документ HTML, необхідно використовувати оператор <IMG>. Загальний вид цього оператора показаний нижче:

<IMG SRC="Адреса_файла_зображення" NAМЕ="Ім'я_иэображения"

WIDТН="Ширина" HEIGНТ="Висота">

Тут зазначені тільки три параметри. Повний список параметрів оператора <IMG> із стислим їхнім описом буде нижче:

Параметр Опис

SRC Адреса URL файла з растровым графічним зображенням

NAМЕ Ім'я об'єкта, що відповідає растровому графічному зображенню. Це ім'я може бути використане для посилання на об'єкт у сценаріях JavaScript

ALT Текстовий рядок, що відображається в тих випадках, коли браузер не може показувати графічні зображення або коли така можливість відключена

ALIGN Вирівнювання тексту щодо графічного зображення:

LEFT - по лівій межі;

RIGHT - по правій межі;

TOP - по верхній межі;

MIDDLE- по центрі зображення;

BOTTOM - по нижній межі;

ТЕХТТОР - вирівнювання по верхній межі щодо найвищих символів у текстовому рядку;

ABSMIDDLE - вирівнювання середини текстового рядка щодо середини зображення;

BASELIN вирівнювання нижньої рамки зображення щодо базової лінії текстового рядка;

ABSBOTTOM - вирівнювання нижньої межі зображення щодо нижньої межі поточного рядка.

HEIGHT Висота зображення в пикселах

WIDTH Ширина зображення в пикселах

BORDER Ширина рамки навколо зображення в пикселах (використовується тільки браузером Netscape Navigator)

HSPACE Ширина вільного простору в пикселах, що відокремлює зображення від тексту по горизонталі

VSPACE Ширина вільного простору в пикселах, що відокремлює зображення від тексту по вертикалі

USEMAP Адреса URL файла, що містить так називану карту зображення. Ця карта використовується для сегментированной графіки

ISMAP Цей параметр указує, що дане зображення является сегментированным

Параметри оператора <IMG> визначають адресу файла з изображением. вирівнювання тексту, розташованого біля зображення, і т.д. За допомогою параметрів HEIGHT і WIDTH можна виконувати масштабирование графічних зображень. Значення цих параметрів можна вказувати у відсотках від ширини вікна перегляду.

Масштабирование дозволятити підготувати графічний файл щодо невеличкого розміру, що швидко передається через Internet і займає при цьому значну площу у вікні браузера. Проте, не можна масштабировать сегментированные графічні зображення і фонові зображення.

Застосування сегментированной графіки докладно розглянутий у 29-м томі "Бібліотеки системного програміста".

Якщо в документі HTML розміщено декілька растровых зображень, то можна адресувати відповідні об'єкти як елементи масиву document.images. Наприклад, перше зображення адресується в такий спосіб: document.images[0]. Проте в деяких випадках зручніше користуватися іменами зображень, визначеними параметром NAME оператора <IMG>.

Об'єкт-зображення має властивість src, що відповідає параметру SRC оператора <IMG>. Адресуючись до цієї властивості, можна не тільки визначати поточну адресу URL зображення, але і задавати новий. Цим скористаємося в такому поділі.