Иллюстрированный самоучитель по WEB-графике


Динамические фильтры - часть 2


<HTML>

<HEAD> <TITLE> Динамический фильтр </TITLE>

<SCRIPT >

function dyn fliter () {

Imagel . filters (0) . apply ()

I1 . style .visibility" visible" Imagel . filters (0) .Transition=8

Imagel .filters (0) .play(2)

}

</SCRIPT>

</HEAD>

<BODY ONLOAD="dyn_filter () ">

<DIV ID=Imagel STYLE="position: absolute;

height: 2 00; width: 300; left: 10; top : 10; filter : reveal trans">

<IMG ID=I1 STYLE="position:absolute; '

height : 200; width: 300; visibility : hidden" SRC=world. gif >

<H3 STYLE= "posit ion: absolute; top:210">

Динамическое преобразование картинки с помощью фильтра </НЗ>

</BODY>

</HTML>

Рис. 671. Динамическое преобразование картинки с помощью фильтра «Вертикальные жалюзи»

Заметим, что Image1— это имя (идентификатор) элемента-контейнера, заданного тэгом <DIV>; контейнер содержит единственный элемент (картинку), но мы использовали его только затем, чтобы применить к нему метод applay (), который не поддерживается элементом, созданным тэгом <IMG>; filters — коллекция всех фильтров, фильтр (единственный) указан номером в коллекции: Imagel.filters (0).

Если в приведенной выше программе изменить тип преобразования, например, на 3 (расширяющийся круг) путем замены в теле функции соответствующей записи Image 1. filters (0) .Transition=3, то получится такой эффект, как показано на следующем рисунке (картинка постепенно появляется в расширяющемся круге):

Рис. 672. Динамическое преобразование картинки с помощью фильтра «Расширяющийся круг»

При установке фильтра типа 12 возникает эффект постепенного повышения разрешения изображения путем случайного заполнения пикселами места, отведенного под картинку. Точки картинки постепенно выводятся на экран в случайном порядке.

Тип преобразования 23 — случайный выбор и применение одного из имеющихся типов (от 0 до 22). Вы заранее не можете угадать, какой именно фильтр сработает, когда пользователь загрузит вашу страницу.




Начало  Назад  Вперед