Javascript 图像幻灯片淡入淡出

我有一个图像幻灯片，这是非常基本的代码。我想在所有图像之间添加淡入淡出过渡。我的代码是

<script type="text/javascript">
var ultimateshow=new Array()
ultimateshow[0]=['file:///Users/Luke/Documents/Aviramp/Images/Slideshow-1.jpg', '', '']
ultimateshow[1]=['file:///Users/Luke/Documents/Aviramp/Images/Slideshow-2.jpg', '', '']
ultimateshow[2]=['file:///Users/Luke/Documents/Aviramp/Images/Slideshow-3.jpg', '', '']
ultimateshow[3]=['file:///Users/Luke/Documents/Aviramp/Images/Slideshow-4.jpg', '', '']
ultimateshow[4]=['file:///Users/Luke/Documents/Aviramp/Images/Slideshow-5.jpg', '', '']
ultimateshow[5]=['file:///Users/Luke/Documents/Aviramp/Images/Slideshow.jpg', '', '']
var slidewidth="100%" 
var slideheight="400px" 
var slidecycles="continous" 
var randomorder="no" 
var preloadimages="yes" 
var slidebgcolor='white'
var slidedelay=4500
var ie=document.all
var dom=document.getElementById
var curcycle=0

if (preloadimages=="yes"){
for (i=0;i<ultimateshow.length;i++){
var cacheimage=new Image()
cacheimage.src=ultimateshow[i][0]
}
}

var currentslide=0

function randomize(targetarray){
ultimateshowCopy=new Array()
var the_one
var z=0
while (z<targetarray.length){
the_one=Math.floor(Math.random()*targetarray.length)
if (targetarray[the_one]!="_selected!"){
ultimateshowCopy[z]=targetarray[the_one]
targetarray[the_one]="_selected!"
z++
}
}
}

if (randomorder=="yes")
randomize(ultimateshow)
else
ultimateshowCopy=ultimateshow

function rotateimages(){
curcycle=(currentslide==0)? curcycle+1 : curcycle
ultcontainer='<center>'
if (ultimateshowCopy[currentslide][1]!="")
ultcontainer+='<a href="'+ultimateshowCopy[currentslide][1]+'"           target="'+ultimateshowCopy[currentslide][2]+'">'
ultcontainer+='<img src="'+ultimateshowCopy[currentslide][0]+'" border="0">'
if (ultimateshowCopy[currentslide][1]!="")
ultcontainer+='</a>'
ultcontainer+='</center>'
if (ie||dom)
crossrotateobj.innerHTML=ultcontainer
if (currentslide==ultimateshow.length-1) currentslide=0
else currentslide++
if (curcycle==parseInt(slidecycles) && currentslide==0)
return
setTimeout("rotateimages()",slidedelay)
}

if (ie||dom)
document.write('<div id="slidedom"      style="width:'+slidewidth+';height:'+slideheight+'; background-    color:'+slidebgcolor+'"></div>')

function start_slider(){
crossrotateobj=dom? document.getElementById("slidedom") :      document.all.slidedom
rotateimages()
}

if (ie||dom)
window.onload=start_slider

</script>

var ultimateshow=新数组（）
ultimateshow[0]=['file:///Users/Luke/Documents/Aviramp/Images/Slideshow-1.jpg', '', '']
最终结果显示[1]=['file:///Users/Luke/Documents/Aviramp/Images/Slideshow-2.jpg', '', '']
最终结果显示[2]=['file:///Users/Luke/Documents/Aviramp/Images/Slideshow-3.jpg', '', '']
最终结果显示[3]=['file:///Users/Luke/Documents/Aviramp/Images/Slideshow-4.jpg', '', '']
最终结果显示[4]=['file:///Users/Luke/Documents/Aviramp/Images/Slideshow-5.jpg', '', '']
最终结果显示[5]=['file:///Users/Luke/Documents/Aviramp/Images/Slideshow.jpg', '', '']
var slidewidth=“100%”
var slideheight=“400px”
var slidecycles=“连续”
var randomorder=“否”
var preload images=“是”
var slidebgcolor='white'
var slidedelay=4500
var ie=document.all
var dom=document.getElementById
var curcycle=0
如果（预加载图像==“是”）{
对于（i=0；i对于褪色，您可以简单地使用


过渡：不透明度0.5s；轻松；