filter: zigzag

описание:
новое изображение проявляется по мере движения специальной области вперёд и назад в пределах области

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

<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.zigzag(gridSizeX=8, gridSizeY=8);" title="Результат применения фильтра zigzag">
   <div id="img_1" style="position: absolute; margin: 0;">
      <img src="clock.jpg" alt="Результат применения фильтра zigzag" />
   </div>
   <div id="img_2" style="position: absolute;  margin: 0; visibility: hidden">
      <img src="aquarium.jpg" alt="Результат применения фильтра zigzag" />
   </div>
</div>

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

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

• enabled - используется только для активизации фильтра
• duration - время преобразования в секундах и милисекундах
• gridSizeX (gridSizeY) - размер "головы змеи" (в пикселях), которая поедает старое изображение

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

• 0
• 1
• 2
• 3
• 4
• 5

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