setAttribute渐显出来怎么搞

setAttribute("src","images/Big_p1.jpg");

setAttribute是替换元素属性的工具,我想让图片替换后,渐变的显示出来,怎么弄?

滤镜.....

和setAttribute分开写啊。

单纯的渐显效果。
先设置
opacity=0;
filter="alpha(opacity=0)";
然后用setInterval
渐渐增加值。

function fadeIn()
{
       o.style.opacity=0;
       o.filter="alpha(opacity=0)";
       var value=0;
       var interval=setInterval(function(){       
              if(o.style.opacity<1){
                     value++;
                     o.style.opacity=value/10;
                     o.style.filter="alpha(opacity="+value*10+")";
              }
              else if(interval)
                     clearInterval(interval);
              },100);
}

比如这样。o就是那个img元素

我的代码是这样的
function mpic(a){
       var mainPic = document.getElementById("mainPic");
                var mp = document.getElementById("mp");
                if(a==1){mainPic.style.display="block";mp.setAttribute("src","images/Big_p1.jpg");}
       if(a==2){mainPic.style.display="block";mp.setAttribute("src","images/Big_p2.jpg");}
       if(a==3){mainPic.style.display="block";mp.setAttribute("src","images/Big_p3.jpg");}
       if(a==4){mainPic.style.display="block";mp.setAttribute("src","images/Big_p4.jpg");}
       if(a==5){mainPic.style.display="block";mp.setAttribute("src","images/Big_p5.jpg");}
       if(a==6){mainPic.style.display="block";mp.setAttribute("src","images/Big_p6.jpg");}
       if(a==7){mainPic.style.display="block";mp.setAttribute("src","images/Big_p7.jpg");}
       if(a==8){mainPic.style.display="block";mp.setAttribute("src","images/Big_p8.jpg");}
              }

首先id"mainPic"的div是隐藏的,鼠标控制显示,然后里面的图片id"mp"相对应的替换要显示的图片.希望这个后面的相对应的显示能有一个渐变的出现过程,怎么搞.

fadeIn()加在你这个 mpic方法的最后面，就差不多了。
o变成mp

这些if判断，用switch会好些。