ВЕБ-ШКОЛА: Мультимедийные эффекты для MS Internet Explorer 4.0+ (часть 1)

РЕКЛАМА

Разное

Мультимедийные эффекты
для MS Internet Explorer 4.0+
(по материалам MSDN Labrary 2000)

Содержание

Создание визуальных эффектов фильтрами и превращениями

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

Особенности дизайна фильтров

Примеры программирования визуальных фильтров

Превращения

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

Предисловие

С введением Internet Explorer 4.0 Microsoft позволила Web дизайнерам применять различного рода эффекты, которые разработчики браузера называют мультимедийными (multimedia). Они делятся на две достаточно разнородных группы: фильтры (filters)и превращения (transitions). Эти эффекты применяются к Web странице и ее элементам, используя атрибуты каскадных листов стилей (CSS). Визуальные фильтры и превращения могут применяться к стандартным HTML элементам, типа текстовых контейнеров, изображений и любому другому неоконному (windowless) объекту. Превращения – изменяющиеся во времени фильтры, которые могут создавать переход от одного визуального состояния к другому. Объединяя фильтры и превращения небольшими сценариями, можно получить мощный инструмент для создания визуально привлекательных и интерактивных документов.

Создание визуальных эффектов фильтрами и превращениями

Визуальные фильтры это расширения Internet Explorer 4.0, которые создают экранные эффекты в элементах HTML документа. Хотя некоторые фильтры и можно заменить сценариями и соответсвующими графическими изображениями, они имеют несколько преимуществ. Во-первых, не все разработчики владеют скриптовыми языками; во-вторых они как правило намного короче по величине кода и быстрее по выполнению (особенно в тех случаях, когда для их эмулирования используется графика).

ВАКАНСИИ (Компьютеры, Интернет). Подробнее >>

Фильтры изменяют вид элемента. Фактически, они могут полностью заменить визуальное отображение элемента при применении к ним эффекта. Хороший пример визуального фильтра – Alpha фильтр. Он смешивает элемент с фоном. Дизайнер определяет степень смешивания (или непрозрачности). Например, следующий HTML код заставляет изображение быть на 20 % непрозрачным:

<IMG SRC=sample.gif STYLE="filter:alpha(opacity=20)">

Фильтр alpha браузера MS Internet Explorer 4.0 позволяет манипулировать со свойством прозрачности.
Этот текст виден из-под картинки, которая прозрачна на 80%.
Свойство прозрачности(в %) задается параметром opacity фильтра alpha и равно
прозрачность = 100 – opacity

Фильтры применяются к элементам HTML через свойства каскадных листов стилей. Свойство filter - это строка описаний фильтра (как, впрочем, и превращений), который использует function-подобную запись. Синтаксис свойства filter в атрибуте STYLE таков:

filter:filtername(параметры)

Например, вот как записываются фильтры через атрибут STYLE тэга IMG.

<IMG ID=sample SRC="sample.gif" STYLE="filter:blur(strength=50) flipV()">

sample.gif

sample.gif с фильтрами

В этом примере к элементу IMG применяются два фильтра. Первый фильтр смазывает изображение (blur, эффект движения) с определенной интенсивностью (strength). Второй фильтр вертикально(???) отражает (flipV) изображение (В моем браузере flipV отображает горизонтально, а flipH – вертикально!? А в Вашем?). [> далее >]

Каждому сайту - механизм организации собственной ленты новостей бесплатно! Подробнее >>

ПОИСК по сайту:

Мультимедийные эффекты для MS Internet Explorer 4.0+ (по материалам MSDN Labrary 2000)

Содержание

Предисловие

Создание визуальных эффектов фильтрами и превращениями

Мультимедийные эффекты
для MS Internet Explorer 4.0+
(по материалам MSDN Labrary 2000)