filter: wheel

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

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

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

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

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

• enabled - используется только для активизации фильтра
• duration - время преобразования в секундах и милисекундах
• spokes - число спиц в колесе

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

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

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