基本Javascript滑块代码是否有淡入淡出过渡效果？

Question

这是头脑中的剧本......

<script type="text/javascript">
var image1 = new Image()
image1.src = "landban1.jpg"
var image2 = new Image()
image2.src = "landban2.jpg"
</script>

在HTMLBody中......

<p><img src="landban1.jpg" width="1400" height="300" name="slide" /></p>

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

slideit();
</script>

有没有办法在不使用JQuery的情况下使用淡入淡出来转换图像？