js/html 滤镜属性失效问题

Question

对JS不太懂 想做一个图片的切换加滤镜效果，滤镜效果能实现，但是设置的变换方式和变换时间都是无效的。运行中感觉是默认的属性。我的代码如下，请高手帮我分析下。
function change(){
   var objj = document.getElementById("gg"); // 操作的图像对象
   if (imgid ==9){imgid = 0;}              //图片的index
   imgid= imgid + 1;
   objj.style.filter ="revealTrans";      //这句其实没搞明白是什么意思，revealTrans？？？
   objj.style.filter.duration = 2;        
   objj.style.filter.transition = 7;      // 就是这里 我明明设置的方式7和时间两秒，但是变化时滤镜感觉是随机的
   objj.filters(0).apply();
   objj.filters(0).play();
   objj.src = Img_arry[imgid];          //图片的URL

    
}

Answer 1

RevealTransh是转换滤镜的一种，具体资料可上网查找function change(){
  var objj = document.getElementById("gg"); // 操作的图像对象
  imgid= imgid + 1;
  if (imgid ==2){imgid = 0;} //图片的index  
  objj.style.cssText = "filter:progid:DXImageTransform.Microsoft.RevealTrans(duration=2,transition=7);"   
   objj.filters(0).apply();
  objj.filters(0).play();
  objj.src = Img_arry[imgid]; //图片的URL   
}