Для смены изображений используется объект Images, вложенный в объект Document. Каждому HTML-элементу <IMG>, встречающемуся в документе, сопоставляется элемент массива Images со свойствами src, width, height и так далее ( названия свойств соответствуют атрибутам элемента <IMG> ). Таким образом, решение задачи смены изображения сводится к изменению значения свойства src определенного элемента массива Images .
Получить доступ к свойствам изображений можно несколькими способами. Пусть, например, в документе описано изображение
<img src="images/cat.jpg" id="cat_id" name="cat_name">
и оно является n-ым изображением, встречающимся в документе. Тогда следующие конструкции, ссылающиеся на свойство src изображения равносильны:
Обращаемся к элементу массива images , используя его индекс (индексация начинается с 0):
window.document.images[n-1].src
Этот вариант может быть удобен, когда надо работать с несколькими последовательно расположенными в документе изображениями.
Используем значение атрибута id:
window.document.cat_id.src
Используем значение атрибута name:
window.document.cat_name.src
Все эти способы работают в MS Internet Explorer и Netscape Navigator, начиная с 4 версии, а два первых - даже в Netscape Navigator 3.
В MS Internet Explorer и Netscape Navigator поддерживаются также и другие варианты, работающие только в конкретном браузере.