java自动播放图片的相册_[导入]相册的自动播放效果SlideShow (ZT)

写了个SlideShow的原型,利用image的complete,判断图片是否调用完全，调用完全以后才显示，否则是LOADING的图片，还考虑的是

1.每调用一张图片之前先出现loading的过程,

2.调用图片中不会因为网速和图片过大而未显示全,直接跳到下一张,要按顺序一张一张播放.

3.第一次 播放的时候，因为调用图片会慢一点，重新播放是调用CACHE里的，速度就快了

代码如下：

var currCount=0

var stop=false

function getimg(n){

preImages= new Image()

preImages.src = yourImages[n]

}

function autoPlay(){

if(currCount!=yourImages.length){

document.getElementById("img").style.display="none"

getimg(currCount)

document.getElementById("loadingbar").style.display="block"

setTimeout("loadingImg()",1000)

}

else{

currCount=0;

if (confirm("播放完毕,是否重新播放?")){

return autoPlay()

}

}

}

function loadingImg(){

if (preImages.complete) {

document.getElementById("img").src="http://blog.donews.com/images/blog_donews_com/dodo/49134/o_pix.gif"

document.getElementById("loadingbar").style.display="none"

document.getElementById("img").style.display="block"

document.getElementById("img").src=yourImages[currCount]

currCount=currCount+1

}

setTimeout("autoPlay()",4000)

}

//-->

自动播放