변환하여 새로운 내용을 만드는 방식을 반환하거나 설정한다.

Script object.filters.item('progid:DXImageTransform.Microsoft.Slide').[=propVal]
HTML {filter:progid:DXImageTransform.Microsoft.Slide(=propVal)...}
인수
propVal 값의 종류 : 문자열
HIDE 디폴트 변환하는 새로운 이미지 밴드가 감추어진 상태에서 원본 이미지가 밀려나면 나타난다.
PUSH   변환하는 새로운 이미지 밴드가 원본 이미지를 밀어내면서 뒤에서 나타난다.
SWAP   변환하는 새로운 이미지 밴드가 원본 이미지와 교체하면서 스라이드하며 나타난다.
읽기/쓰기 가능성
읽기/쓰기


Slide에서 SlideStyle 속성 예제

<SCRIPT>
strA='<IMG src=../../gif/rfexample.gif width=100><BR>원본 이미지';
strB='<IMG src=../../gif/rfexample.gif width=100><BR>Slide 필터 예제에 의한 새 이미지<BR>'+
  '<IMG src=../../gif/rfexample.gif width=100>';
function doPlay(job){
  divObj.innerHTML=strA;
  divObj.style.backgroundColor='pink';
  divObj.filters[0].Apply();
  divObj.filters[0].Enabled=true;
  if (!job) divObj.filters[0].Enabled=false;
  else{
    divObj.filters[0].SlideStyle=job;
    divObj.style.backgroundColor='lightgreen';
    divObj.innerHTML=strB;
    divObj.filters[0].Play();
  }
}
</SCRIPT>

<DIV id="divObj"
  style="width:400;height:120;background-color:pink;color:blue;font-size:20;line-height:1.2em;font-weight:bold;padding:9;
    filter:progid:DXImageTransform.Microsoft.Slide(SlideStyle='PUSH',Duration=5);">
<SCRIPT>document.write(strA)</SCRIPT></DIV>
<BUTTON onclick="doPlay(0)" style="width:150">정상 이미지</BUTTON>
<BUTTON onclick="doPlay('HIDE')" style="width:150">HIDE</BUTTON>
<BUTTON onclick="doPlay('PUSH')" style="width:150">PUSH</BUTTON>
<BUTTON onclick="doPlay('SWAP')" style="width:150">SWAP</BUTTON>