Смена двух изображений

К одним из самых эффектных украшательств веб-страницы можно причислить смену двух и более изображений. При этом возникает ощущение динамического обновления страницы, без перезагрузки ее в браузере. Особенно красиво смотрятся смена похожих изображений, одинаковых по размеру.

Рассмотрим, как это можно проделать:

<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с.).


Рецензии
Замечательно)

Прочти Меня   24.12.2010 17:45     Заявить о нарушении
Спасибо).
Буду еще выкладывать

Веб-Монстр   24.12.2010 17:46   Заявить о нарушении
Вы прямо как Монстр Текста, но в вэбе.

Прочти Меня   24.12.2010 17:50   Заявить о нарушении