Мультимедийные эффекты
для MS Internet Explorer 4.0+
(часть 9, заключительная)

В этом примере преведены несколько особенностей при программировании фильтров-превращений.

1) Показан корректный код "обращения" с фильтром. Как уже упоминалось ранее, пока фильтр "делает" свою работу обращение к его методам и изменение свойств безрезультатно. Поэтому необходимо проверять свойство status фильтра, равное 0, когда фильтр отработал (см. функцию startTrans).

2) Показан пример использования функции-обработчика события onfilterchange. Когда фильтр отработал первый раз срабатывает обработчик события onfilterchange – FilterChange. Переменная wait устанавливается в значение true, блокируя попытки изменения фильтра с помощью выбора из окна списка (вызов функции FilterChange таким образом устанавливает переменную fselect в true). По истечении 3 секунд срабатывает таймер, включенный при первом возникновении события onfilterchange (функция setTimeout("startTrans(false)",3000)). При этом вызывается функция startTrans, устанавливая fselect в false и запуская работу фильтра. При отработке фильтра отработчик события onfilterchange сбрасывает wait в false, разрешая тем самым выбор фильтра окном списка.

3) Этот пример также показывает различия между асинхронными и синхронными изменениями. Смена свойства innerText элемента синхронна - действие завершено, когда присваивание выполнено, т.е. браузер перерисовывает элемент незамедлительно. Изменение свойства visibility – асинхронно. Хотя на самом деле смена свойства visibility немедленна, визуальное состояние элемента не полностью обновлено, пока не отработает фильтр. Если фильтр применяется к графическому изображению необходимо дождаться полной его загрузки. Правильный сценарий должен ждать, пока не возникнет событие onreadystatechange для изображения, проверяя пока свойствo readyState изображения не будет установлено в "complete".

Превращения при межстраничных переходах

Microsoft Internet Explorer 4.0+ предоставляет еще одну интересную возможность дизайна Ваших страниц. Можно применять фильтры-превращения ко всему окну браузера (вернее к его клиентской части) при загрузке и покидании Web страницы.

Синтаксис для межстраничных превращений состоит из трех частей: определение, когда событие должно быть проиграно (атрибут http-equiv), продолжительность перехода, и какого вида эффект перехода должен быть использован (атрибут content). Следующие два примера показывают, как установить переходы после входа и ухода на/со страницы.

<META http-equiv="Page-Enter"
CONTENT="RevealTrans(Duration=4,Transition=1)>

<META http-equiv="Page-Exit>

Первый МЕТА тэг заставляет выполнять переход типа 1 продолжительностью 4 секунды, когда пользователь входит на страницу, второй (продолжительностью 2.5 секунды) - типа 6, когда пользователь покидает страницу. Вставьте эти тэги в любую страницу и загрузите ее в браузере.

Есть четыре события, которые могут инициируют переходы между страницами: Page-Enter, Page-Exit, Site-Enter и Site-Exit. Свойство продолжительности (duration) имеет максимальное значение - 30 секунд.

Примечание напоследок. Согласно MSDN, эффекты-превращения правильно работают только на системах, цветовая палитра которых не менее 256 цветов.

© 2000, Сергей Кузнецов

О свойствах и методах фильтров и превращений читайте в следующей статье.