filter: iris

описание:
область, в которой воспроизводится целевое изображение, расширяется подобно диафрагме фотоаппарата

пример использования:

<script type="text/javascript">
var transitionState = 1;

function transition ()
   {
   filter.filters[0].Apply();
   if (transitionState == 0)
      {
      transitionState = 1;
      img_1.style.visibility = "visible";
      img_2.style.visibility = "hidden";
      }
   else
      {
      transitionState = 0;
      img_1.style.visibility = "hidden";
      img_2.style.visibility = "visible";
      }
   filter.filters[0].Play();
   }
</script>

<div id="filter" style="position: absolute;  margin: 0; width: 200px; height: 149px; filter: progid:DXImageTransform.Microsoft.iris(irisStyle=cross, motion=out);" title="Результат применения фильтра iris">
   <div id="img_1" style="position: absolute; margin: 0;">
      <img src="clock.jpg" alt="Результат применения фильтра iris" />
   </div>
   <div id="img_2" style="position: absolute;  margin: 0; visibility: hidden">
      <img src="aquarium.jpg" alt="Результат применения фильтра iris" />
   </div>
</div>

   <button onClick="transition()">посмотреть</button>

необязательные параметры:

• enabled - используется только для активизации фильтра
• duration - время преобразования в секундах и милисекундах
• irisStyle - форма области
• diamond
• circle
• cross
• plus
• square
• star
• motion - направление движения
  • out - от центра к краям
  • in - от краёв к центру

поддержка браузеров: Internet Explorer все версии

• 17
• 1
• 2
• 3
• 4
• 5

13.10.07 просмотров: 1462