Введение в JavaScript

Объект Image


Наиболее зрелищные эффекты при программировании на JavaScript достигаются при работе с графикой. При этом в арсенале программиста не так уж много инструментов: встроенные в документ картинки, возможность генерации объекта Image, комбинирование картинок с гипертекстовыми ссылками и таблицами. Тем не менее обилие различных эффектов, которые достигаются этими нехитрыми средствами, впечатляет.

Программирование графики в JavaScript опирается на объект Image, который характеризуется следующими свойствами, методами и событиями:

СвойстваМетодыСобытия

  • border
  • complete
  • height
  • hspace
  • name
  • src
  • vspace
  • width
  • lowsrc

нет

  • onAbort
  • onError
  • onLoad

Несмотря на такое обилие свойств, их абсолютное большинство можно только читать, но не изменять. Об этом свидетельствует, прежде всего, отсутствие методов. Но два свойства все же можно изменять: src и lowsrc. Этого оказывается достаточно для множества эффектов с картинками.

Все объекты класса Image можно разделить на встроенные и порожденные программистом. Встроенные объекты — это картинки контейнеров IMG. Если эти картинки поименовать, к ним можно обращаться по имени:

<A HREF="javascript:void(0);" onClick="window.alert('Image name:'+ document.images[0].name)"> <IMG NAME=intuit SRC=images.gif BORDER=0> </A>

Картинка активна. Если на нее нажать, получим имя контейнера IMG. Обращение document.images[0].name позволяет распечатать это имя в окне предупреждения. При этом само имя указано как name=intuit в контейнере IMG.

К встроенному графическому объекту можно обратиться и по индексу:

document.images[0];

В данном случае images[0] — это первая картинка документа.



Содержание раздела