相冊的自動播放效果SlideShow_網(wǎng)站重構(gòu)教程

編輯Tag賺U幣

教程Tag：暫無Tag,歡迎添加,賺取U幣!

　　寫了個SlideShow的原型,利用image的complete,判定圖片是否調(diào)用完全，調(diào)用完全以后才顯示，否則是LOADING的圖片，還考慮的是

　　1.每調(diào)用一張圖片之前先出現(xiàn)loading的過程,

　　2.調(diào)用圖片中不會因為網(wǎng)速和圖片過大而未顯示全,直接跳到下一張,要按順序一張一張播放.

　　3.第一次播放的時候，因為調(diào)用圖片會慢一點，重新播放是調(diào)用CACHE里的，速度就快了

<html>

<head>

<title>SlideShow</title>

<!--

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://p1.mb5u.com/allimg/080306/0241200.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>

</div>

</body>

</html>

來源：DoDo's Blog/所屬分類：網(wǎng)站重構(gòu)教程/更新時間：2006-05-16

[收藏][報錯][返回列表]

相關(guān)網(wǎng)站重構(gòu)教程：

網(wǎng)站重構(gòu)教程Rss訂閱網(wǎng)站制作教程搜索

網(wǎng)站重構(gòu)教程推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁鏈接| 搜索相冊的自動播放效果SlideShow
教程說明：
網(wǎng)站重構(gòu)教程-相冊的自動播放效果SlideShow。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

相冊的自動播放效果SlideShow_網(wǎng)站重構(gòu)教程

網(wǎng)站重構(gòu)教程Rss訂閱網(wǎng)站制作教程搜索

網(wǎng)站重構(gòu)教程推薦

猜你也喜歡看這些