javascript - 淡化过渡Javascript？

Question

我的index.html文件中有一个用 Javascript 编写的小幻灯片，目前只是从一个图像跳到另一个图像。我希望能找到一种可以添加的淡入淡出效果，以便它淡入一个图像并在设定的时间后淡出到下一个图像。但是，我对 Javascript 还很陌生，不太确定如何去做。这是我现在拥有的：

<script type="text/javascript">
  <!--          
    var step=1 
    function slide() {
        document.images.slide.src=eval("image"+step+".src")
        if(step<10)
            step++
        else
            step=1
        setTimeout("slide()",2500)
    }
    slide()
  //-->
</script> 

Answer 1

我不确定 jQuery 是如何做到这一点的，但CSS3 转换是做到这一点的方法。

它是非常小的代码，并且会比任何 JavaScript 解决方案执行得更好。

你可以参考这里的例子：http: //css3.bradshawenterprises.com/cfimg/

当前所有浏览器都支持 CSS3 过渡。IE9 似乎没有它，而不是漂亮的褪色它会立即改变图像。所以应该是安全的。