На этом шаге мы рассмотрим переход blendTrans.
Фильтр blendTrans задает постепенное исчезновение или появление изображения, увеличивая или уменьшая степень его прозрачности. Следующий пример демонстрирует постепенное исчезновение одной картинки и появления другой.
<HTML>
<HEAD>
<TITLE>Фильтр blendTrans</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function f()
{
img.filters.blendTrans.Apply();
img.src="ris.bmp";
img.filters.blendTrans.Play();
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<IMG ID="img" SRC="handshak.bmp" STYLE="filter:blendTrans(Duration=8);"
ONCLICK="f()">
</BODY>
</HTML>
Приведенный пример в действии можно увидеть на рисунке 1.
Рис.1. Пример фильтра blendTrans (щелкните по рисунку)
В этом примере к изображению img применяется переход blendTrans, который постепенно в течение 8 секунд делает прозрачным изображение файла handshak.bmp, а вместо него отображается содержимое файла ris.bmp. Инициализация перехода осуществляется щелчком мыши на изображении.
В процедуре обработки щелчка мыши вызывается метод Apply(), после которого можно устанавливать новые значения параметров объекта img. В примере задается новый файл изображения.
Еще раз напомним, что три метода переходов предназначены для управления выполнением перехода из сценария. Метод Apply() "замораживает" видимое в данный момент изображение элемента и позволяет изменить значения параметров перехода и самого элемента, не требуя немедленного применения перехода. Чтобы выполнить переход после переустановки значений необходимых параметров, следует использовать метод Play(). Остановить выполнение перехода для элемента в любой момент времени можно методом Stop().
На следующем шаге мы рассмотрим фильтр revealTrans.
