К одним из самых эффектных украшательств веб-страницы можно причислить смену двух и более изображений. При этом возникает ощущение динамического обновления страницы, без перезагрузки ее в браузере. Особенно красиво смотрятся смена похожих изображений, одинаковых по размеру.
Рассмотрим, как это можно проделать:
<script>
var trig=true
function picturesscript () {
if (trig) {
document.all.pictscr.src="images/script.gif"
}
else {
document.all.pictscr.src="images/java.gif"
}
trig=!trig
}
setInterval ("picturesscript()", 1000)
</script>
Для изменения изображения нам нужно изменить значение атрибута src, указав путь к другому изображению. Это я делаю с помощью привязки ID (идентификатора) к картинке, переменной триггера (var trig) и оператора if. После завершения функции изменяем значение триггера с помощью оператора ! (НЕ). И для периодического изменения используем метод setInterval (). В скобки записываем имя функции в кавычках (в данном случае "picturesscript()") и через запятую число в миллисекундах (1000мс=1с.).