Image (массив image )
< <New.> >
Объект. Изображение на форме HTML.
HTML синтаксис
Чтобы определить изображение, используйте стандарт HTML синтаксис с использованием обработчиков событий onAbort и onLoad:
<IMG
[NAME = "imageName"]
SRC = " Location "
[LOWSRC = " Location "]
[HEIGHT = " Pixels " |"Value"% ]
[WIDTH = " Pixels " | "Value"%]
[HSPACE = " Pixels "]
[VSPACE = " Pixels "]
[BORDER = " Pixels "]
[ALIGN="left"|"right"|
"top"|"absmiddle"|"absbottom"|
"texttop"|"middle"|"baseline"|"bottom"]
[ISMAP]
[USEMAP="Location#MapName "]
[onAbort = " handlerText "]
[onError = " handlerText "]
[onLoad = " handlerText "] >
HTML атрибуты
NAME = "imageName" определяет имя объекта image. Что бы обратиться к этому значению, используите свойство name.
SRC = " Location " определяет URL изображения, которое будет показано в документе. Что бы обратиться к этому значению, используите свойство src.
LOWSRC = " Location " определяет URL версии низкого разрешения изображения, которое будет показано в документе. вы можете обращаться к этому значению, используя свойство lowsrc.
HEIGHT = " Pixels " |"Value"% определяет высоту изображения или в пикселях или в процентах от высоты окна. вы можете обращаться к этому значению, используя свойство height.
WIDTH = " Pixels " | "Value"% определяет ширину изображения или в пикселях или в процент от ширины окна. вы обращаться к этому значению, используя свойство width.
HSPACE = " Pixels " определяют расстояние в пикселях между левыми и правыми гранями изображения и текста окружения. Этот атрибут применяется только к изображениям, которые используют "левый" или "правые" как значения атрибута ALIGN. вы можете обращаться к этому значению, используя свойство hspace.
VSPACE = " Pixels " определяют расстояние в пикселях между верхними и нижними гранями изображения и текста окружения. Этот атрибут применяется только к изображениям, которые используют "левый" или "правый" как значение атрибута ALIGN. вы можете обращаться к этому значению, используя свойство vspace.
BORDER = " Pixels " определяет ширину, в пикселях, границы изображения. вы можете обращаться к этому значению, используя свойство border.
ALIGN определяет выравнивание изображения относительно текста окружения. Если опущено, используется "bottom".
ISMAP определяет изображение как отображение изображения стороны сервера.
USEMAP="Location#MapName " Определяет изображение как отображение изображения стороны клиента. Этот атрибут должен определить URL файла, который содержит формирование рисунка отображения, сопровождаемое Символом #, и затем имя отображения. Например, USEMAP="http://www.HomeWorld.com/Maplist.html#areamap".
Синтаксис
Создание объект Image:
imageName = new Image([width, height])
Использование свойства объекта Image:
1. ImageName.propertyName
2. Document.images [index] .propertyName
3. FormName.elements [index] .propertyName
Определим обработчик событий для объекта Image , созданного при помощи Image():
imageName.onabort = handlerFunction
imageName.onerror = handlerFunction
imageName.onload = handlerFunction
Параметры
imageName является либо именем нового объекта либо свойством существующего объекта. При использовании свойства объекта image, imageName - значение атрибута NAME объекта image
width - ширина изображения, в пикселях.
heigt - высота изображения, в пикселях.
formName является либо значением атрибута NAME объекта form либо элементом в массиве form.
index, когда используется с массивом image - целое число или строка, представляющая объект image . index, когда используется с массивом elements, является целым числом, представляющим объект image на форме.
propertyName - один из свойств, описанных ниже.
handlerFunction - основное ключевое слово, имя функции, или переменной или свойство, которое содержит основное или имеющий силу функции.
Свойства
document
Выполненный в
Navigator 3.0
Описание
Положение и размер изображения в документе установлены, когда документ отображен в Navigator и не может быть изменен. вы можете изменять изображение, показанное как свойства src и lowsrc. (Смотрите описания src и lowsrc.)
вы можете использовать JavaScript, чтобы создать анимацию с объектом image многократно устанавливая свойство src, как показано в Примере 4. JavaScript анимация медленнее чем GIF анимация, потому что с GIF анимацией полная анимация находится в одном файле; с JavaScript анимацией, каждый фрейм находится в отдельном файле.
Объекты image не имеют обработчиков событий onClick, onMouseOut, и onMouseOver. Но, если вы определяете объект Area для изображения или размещаете тег <IMG> внутри объекта Link, вы можете использовать обработчики событий объектов Area или Link . Смотрите объекты link и area .
Построение image()
Первичное использование для объекта image, созданного при помощи image() должен загружать изображение из сети прежде, чем это фактически необходимо для показа. Затем, когда вы должны показать изображение внутри существующей ячейки изображения, устанавливая свойство src показанного изображения к тому же самому значению, поскольку оно использовало для предвыбранного изображения, следующим образом.
<![CDATA[
myImage = new Image()
myImage.src = "seaotter.gif"
...
document.images[0].src = myImage.src
]]>
Возникающее в результате изображение будет получено из кэша, скорее чем загруженный сетью. вы можете использовать эту методику, чтобы создать гладкие анимации, или вы можете отображать одно из отдельных изображений, основанных на вводе формы.
Массив image
вы можете ссылаться на изображения в вашем код, используя массив image . Этот массив содержит все объекты image (тег <IMG>) в документе в исходном порядке (изображения, созданные при помощи image() не включены в массив image ). Например, если документ содержит три изображения, то эти изображения отражены как document.images[0], document.images[1], и document.images[2].
Использование массива image:
1. document.images [index]
2. document.images.length
index - целое число, представляющее изображение в документе или строка, содержащая имя объекта image.
Чтобы получать число изображений в документе, используйте свойство length: document.images.length.
Элементы в массиве image только для чтения. Например, утверждение document.images [0] = "logo.gif" не имеет никакого действия.
Свойства
Объект image имеет следующие свойства:
