淡化过渡Javascript？

Question

我在用Javascript编写的index.html文件中有一个小幻灯片，目前只是从图像跳转到图像。我希望找到一个我可以添加的淡入淡出效果，这样它会在一段时间内淡入一个图像并显示到下一个图像。但是我对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 transitions是实现它的方法。

这是一个非常小的代码，并且会比任何JavaScript解决方案都更好。

您可以参考此处的示例：http://css3.bradshawenterprises.com/cfimg/

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