Использование визуальных фильтров в DHTML

В примере показано, как при помощи визуального фильтра RevealTrans можно создавать различные эффекты переходов между изибражениями с помощью функции, написанной на java-script.


Внимание!!! Пример корректно работает только в браузере MS Internet Explorer.

Пример:

Код HTML:

«Кликните» на ссылках:



<a href="#none" onClick="FilterOn()">
  Извлечь картинку
</a>
<img id="logo" src="img/Crow.gif" width="73" height="59" border="0"
    style="filter:revealTrans(Duration=3.0, Transition=12); VISIBILITY:hidden"
>

<a href="#none" onClick="FilterOut()">
  Спрятать картинку
</a>

Функция FilterOn( ) написана на Java-Script:

function FilterOn(){
  logo.filters.item(0).Apply();
  logo.style.visibility="";
  logo.filters.item(0).Play();
}

Функцию FilterOut( ) допишите самостоятельно:

function FilterOut(){
   . . .
}


Попробуйте сделать самостоятельно:

Создайте разные варианты переходов:


Наведите мышку на название страны...

АвстрияБолгарияКанадаКитай
КубаЧехияЕгипетЭстония
ФранцияГерманияГрецияИндия
ИзраильЯпонияЛесотоЛиберия
МонакоМонголияПеруРоссия
ШвецияВеликобританяСША

Наведите мышку на фотографию...