用我的javascript幻灯片显示淡入我的图像

Question

我怎么能在我的javascript幻灯片中淡入我的图片，我使用我在教程中找到的代码，任何帮助都表示赞赏。 http://jsfiddle.net/cuga9mbe/1/

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

Answer 1

这段代码不适合使用任何过渡效果，因为它会立即改变图像本身的src属性。如果你想要一个淡入淡出过渡，你应该使用绝对定位将图像叠加在一起，然后淡入一个图像，同时淡出另一个图像。建议使用jquery，它已经具有内置转换功能，例如fadeIn和fadeOut。

此外，不是以递归方式调用setTimeout，而应使用setInterval。

工作小提琴：

http://jsfiddle.net/cuga9mbe/9/