Сайт создан в системе uCoz
До Navigator 3.0 в JavaScript использовались только встроенные объекты типа Image. В новой версии языка появился конструктор для этого типа объектов:
new_image = new Image() new_image = new Image (width,height)
Часто для целей создания мультипликации создают массивы графических объектов, которые потом прокручивают один за другим:
img_array = new Array() img_array[0] = new Image(50,100) img_array[1] = new Image(50,100) .... img_array[99] = new Image(50,100)
У объекта Image существует 10 свойств, из которых, пожалуй, самым важным является src. Так, для присваивания конкретных картинок элементам массива img_array следует воспользоваться следующей последовательностью команд:
img_array[0].src = "image1.gif" img_array[1].src = "image2.gif" ... img_array[99].src = "image100.gif"
В данном случае можно было воспользоваться и циклом для присвоения имен, так как они могут быть составлены из констант и значения индексной переменной. В новой версии языка объект типа Image можно поименовать в HTML-теге IMG. После этог
<img name=car src=car.gif> <--- Встроенный в документ объект document.car.src = "car1.gif" <form name=kuku> <img name=car src=car.gif> <-- Встроенный в форму документ. </form> document.kuku.car.src = "car1.gif"
Однако, наиболее часто в примерах использования скриптов можно встретить обращение к Image по индексу в массиве всех графических объектов данной страницы. Если наш объект, например, является вторым Image на странице, то будь он внутри ф
document.images[1].src = "car1.gif"
Расширяя наш пример с массивом Image построим теперь документ, в котором будет встроена мультипликация, определенная нашим массивом:
Пример 2.1
<HTML>
<HEAD>
<SCRIPT>
function multi_pulti()
{
img_array = new Array()
img_array[0] = new Image(50,100)
....
img_array[99] = new Image(50,100)
img_array[0].src = "image1.gif"
...
img_array[99].src = "image100.gif"
n=0
while(n==0)
{
document.images[0].src = img_array[0].src
...
}
}
</SCRIPT>
</head>
<body onLoad="multi_pulti()">
<img src=image1.gif>
</body>
</html>
Довольно часто используют не мультипликацию, а выбор картинки через OPTION, другой новый объект JavaScript. При этом можно через поле формы SELECT менять не только саму картинку, но и гипертекстовую ссылку, которая может быть связана с
document.links[index].href = kuku.html
Данный прием оправдан и с точки зрения интерфейса навигатора. При использовании такого сорта массивов ссылок не требуется их длительное перечисление и листание страницы в рабочей области навигатора - можно просто выбрать ссылку из "выпа
Назад | Содержание | Вперед