相册的自动播放效果SlideShow|笨鸟先飞

var yourImages = new Array("http://blog.donews.com/images/blog_donews_com/dodo/79382/o_5540320040330075952.jpg","http://www.iqoo.com/tupian/星座壁纸/iqoo_1113__aries.jpg","http://blog.donews.com/images/blog_donews_com/dodo/79382/o_5540320040330081327.jpg","http://blog.donews.com/images/blog_donews_com/dodo/79382/o_5540320040330081426.jpg")

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)

}

//-->

</script>

</head>

<a href="<a href="http://www.knowsky.com/article.asp?typeid=36">javascript</a>:autoPlay()">自动播放</a><br><br>

</div>

</body>

</html>

www.itfly.org

返回顶部 | 打印本页 | 关闭窗口