淡入过渡Javascript？

在我的

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> 

---

我不确定jQuery是如何做到这一点的，但它是如何做到的

这是一个非常小的代码，它的性能比任何JavaScript解决方案都要好

您可以参考以下示例：

---

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

使用jQuery可以轻松完成。如果你只想使用JavaScript，有很多脚本，一个简单的谷歌搜索就会发现。如果你想自己写，大多数人会要求你在提问之前至少做些努力。我已经环顾四周，问题是我不知道如何将两个不同的脚本链接在一起…

eval（“image”+step+“.src”）

？？？脚本将图像视为幻灯片放映，并自动将下一个图像在线加载到位。根本没有悬停或链接。此外，Css3仍然有点冒险，这意味着需要更多的工作来找到其他浏览器的变通方法。尽管Css3并非所有浏览器都支持，但这是一个很好的解决方案。@user2220339建议您预加载图像。如果您根据需要加载图像，则可能永远无法获得所需的淡入淡出效果。请参见CSS3示例中的演示6。@所有当前浏览器都支持user2220339 CSS3。