Растровое изображение как объект
Для того чтобы встроить растровое изображение в документ HTML, необходимо использовать оператор <IMG>. Общий вид этого оператора показан ниже:
<IMG SRC="Адрес_файла_изображения"
NAME="Имя_изображения"
. . .
WIDTH="Ширина"
HEIGHT="Высота">
Здесь мы указали только три параметра. Полный список параметров оператора <IMG> с кратким их описанием вы найдете ниже:
| Параметр | Описание |
| |
| SRC | Адрес URL файла с растровым графическим изображением | ||
| NAME | Имя объекта, соответствующего растровому графическому изображению. Это имя может быть использовано для ссылки на объект в сценариях JavaScript | ||
| ALT | Текстовая строка, которая отображается в тех случаях, когда браузер не может показывать графические изображения или когда такая возможность отключена | ||
| ALIGN | Выравнивание текста относительно графического изображения
LEFT по левой границе; RIGHT по правой границе; TOP по верхней границе; MIDDLE по центру изображения; BOTTOM по нижней границе; TEXTTOP выравнивание по верхней границе относительно самых высоких символов в текстовой строке; ABSMIDDLE выравнивание середины текстовой строки относительно середины изображения; BASELINE выравнивание нижней рамки изображения относительно базовой линии текстовой строки; 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 изображения, но и задавать новый. Этим мы воспользуемся в следующем разделе нашей книги.
