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

Каждый фильтр может иметь набор необязательных параметров, чтобы определить точный характер эффекта, (например, цвет или продолжительность). Некоторые фильтры, например, FlipV и FlipH, могут не иметь параметров (хотя все фильтры и переходы имеют свойство enabled, и все превращения имеют свойство Duration). Можно применять несколько фильтров так, как в вышеупомянутом примере FlipV и Blur фильтры применяются в комбинации к IMG.

К каким HTML элементам можно применять мультимедиа эффекты?

Визуальные фильтры могут применяться только к HTML элементам, которые являются элементами управления (controls; далее по тексту, просто элемент). Элемент управления определяет прямоугольное пространство внутри окна браузера, когда окно просмотра прорисовывает Web документ. Элементы управления не могут быть оконными (windowed), типа IFRAME. Эти элементы управления HTML таковы:

• BODY
• BUTTON
• DIV (с определенной высотой, шириной, или абсолютным положением)
• IMG
• INPUT
• MARQUEE
• SPAN (с определенной высотой, шириной, или абсолютным положением)
• TABLE
• TD
• TEXTAREA
• TH

К неоконным (windowless) элементам управления, типа структурированной графики (structured graphics) и элементов управления ActiveX (ActiveX^TM Controls), можно также применять filter атрибуты. Фильтры следуют стандартной схеме наследования CSS атрибутов (если она существует для объекта), кроме исключений, отмеченных ниже.

Фильтры игнорируются для любых позиционируемых элементов, вложенных внутри непозиционируемых, типа позиционируемого SPAN внутри непозиционируемого DIV. Самое простое решение: всегда устанавливать или определять ширину для вашего самого нижнего (outermost) элемента.

Доступ к фильтрам из сценариев

Для каждого элемента доступна коллекция filters, так что сценарий имеет доступ к отдельным фильтрам элемента. К коллекции фильтров можно обращаться, как и к любой другой коллекции объектной модели. Например, следующая строка сценария адресует первый фильтр в коллекции фильтров элемента с id=theDiv.

theDiv.filters.item(0).enabled = true;

Подобно другим коллекциям объектной модели, коллекция filters поддерживает несколько видов доступа.

<IMG id=sample SRC="sample.jpg"
    STYLE="filter: alpha(opacity=50) fliph(enabled=0) blur(amount=10);
           position: relative">
<SCRIPT LANGUAGE="JavaScript">
    sample.filters.alpha // подобъект
    sample.filters["alpha"] // именованный индекс
    sample.filters[0] // числовой индекс (filters как массив)
    sample.filters.item(0) // числовой индекс (filters как объект)
</SCRIPT>

Доступ с помощью числового индекса полезен, когда применяется больше чем один фильтр одного типа или когда тип фильтра не известен заранее (например, если он установливается через сценарий или связывание данных). Это особенно важно для фильтров и превращений, которые имеют общие свойства и методы, типа color и play.

Фильтры можно рассматривать как подобъекты элементов, к которым они применяются. Подобно другим объектам, они предоставляют свойства и методы для изменения их внутреннего состояния. В следующем примере непрозрачность элемента динамически изменена изменением свойства opacity в Alpha фильтре.

<img id=sample src=sample.jpg style="filter: alpha(opacity=50)">
<script language="javascript">
function foo(){
   sample.filters.alpha.opacity += 10;
}
</script>

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