Динамическая замена растровых изображений
Одна из наиболее интересных возможностей, доступных при использовании сценариев JavaScript, заключается в динамической замене графических изображений, указанных в параметре SRC оператора <IMG>.
Например, в следующей строке сценария JavaScript мы указываем, что изображение с именем btn1 должно иметь адрес URL pic/aurap.gif:
document.btn1.src=”pic/aurap.gif”
Здесь мы указали неполный адрес URL, однако можно указывать и полный адрес.
Что произойдет при выполнении приведенной выше строки сценария?
Область, выделенная в окне браузера для растрового изображения btn1 будет заполнена изображением pic/aurap.gif. Если до этого там было другое изображение, оно будет заменено на новое.
Как можно воспользоваться динамической заменой растровых изображений?
Во-первых, вы можете создавать графические ссылки, которые изменяют свой вид, когда над ними находится курсор мыши.
Во-вторых, с помощью замены растровых изображений в сценарии JavaScript можно создавать анимационные изображения.
Рассмотрим примеры сценариев, решающих указанные задачи.