RandomDissolve 필터 예제

필터 지속(0) 필터 지속(1) 필터 지속(2) 필터 지속(4) 필터 지속(8) 필터 지속(16)

필터 표시창

<SCRIPT>
var clickBut=false;
function doPlay() {
  divObj.filters[0].Apply();
  if (clickBut) {
    clickBut=false;
    divObj.style.visibility='visible';
  } else {
    clickBut=true;
    divObj.style.visibility='hidden';
  }
  divObj.filters[0].Play();
  str='divObj.style.filter='+divObj.style.filter+'<BR>';
  str+='⇒Enabled=('+divObj.filters[0].Enabled+'), ';
  str+='Duration=('+divObj.filters.item(0).Duration+')';
  show.innerHTML=str;
}
</SCRIPT>
<DIV id="divObj"
  style="height:200;width:600;font-size:40;line-height:1.2em;color:red;background-color:pink;padding:9;
    filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=3);">
<IMG src=../../../gif/rfexample.gif width=100><BR>
RandomDissolve 필터 예제
</DIV>
<BUTTON onclick="divObj.filters[0].Duration='0';doPlay()" style="width:100">필터 지속(0)</BUTTON>
<BUTTON onclick="divObj.filters[0].Duration='1';doPlay()" style="width:100">필터 지속(1)</BUTTON>
<BUTTON onclick="divObj.filters[0].Duration='2';doPlay()" style="width:100">필터 지속(2)</BUTTON>
<BUTTON onclick="divObj.filters[0].Duration='4';doPlay()" style="width:100">필터 지속(4)</BUTTON>
<BUTTON onclick="divObj.filters[0].Duration='8';doPlay()" style="width:100">필터 지속(8)</BUTTON>
<BUTTON onclick="divObj.filters[0].Duration='16';doPlay()" style="width:100">필터 지속(16)</BUTTON>
<DIV id=show style="width:600;height:50;border:solid 1 blue;padding:3;font-size:80%">필터 표시창</DIV>