<
script
>
</
script
>
<
html
>
<
body
>
<
div id
=
"
testMessage
"
style
=
"
border:2px solid skyblue;width:300px;height:60px
"
></
div
>
<
div id
=
"
photoContrl
"
style
=
"
display:none
"
>
<
button onclick
=
"
prevPhoto()
"
>
Previous
</
button
>
<
button onclick
=
"
nextPhoto()
"
>
Next
</
button
>
<
button onclick
=
"
autoPlay()
"
id
=
"
pp
"
>
Play
</
button
>
<
button onclick
=
"
stopPlay()
"
>
Stop
</
button
>
</
div
>
<
div style
=
"
border:1px solid gold;width:600px;background:dodgerblue
"
><
img src
=
"
http://bbsimg.ali213.net/customavatars/1303244.gif
"
id
=
"
photo
"
style
=
""
></
div
>
</
body
>
</
html
>
<
script
>
function
tM(Message)
{
$(
"
testMessage
"
).innerHTML
=
Message
}
function
dR(topr)
{
document.write(topr)
}
function
$(eleId)
{
return
document.getElementById(eleId)}
//
预载图片
var
imasrc
=
new
Array(
"
http://news.mydrivers.com/img/20070813/10254068.jpg
"
,
"
http://news.mydrivers.com/img/20070813/10254629.jpg
"
,
"
http://news.mydrivers.com/img/20070813/10255187.jpg
"
,
"
http://news.mydrivers.com/img/20070813/10255626.jpg
"
,
"
http://news.mydrivers.com/img/20070813/10260076.jpg
"
,
"
http://news.mydrivers.com/img/20070813/10260471.jpg
"
,
"
http://news.mydrivers.com/img/20070813/10261022.jpg
"
,
"
http://news.mydrivers.com/img/20070813/10261479.jpg
"
)
//
图片路径写入数组
var
preIma
=
new
Array()
var
dB
=
new
Date()
for
(i
=
0
;i
<
imasrc.length;i
++
)
//
预载所有图片
{
preLoadImg(i)
}
function
preLoadImg(imgIndex)
//
预载指定图片图片
{
preIma[imgIndex]
=
new
Image()
preIma[imgIndex].imgReadyStatus
=
false
preIma[imgIndex].imgIndex
=
imgIndex
preIma[imgIndex].onload
=
imgLoad
preIma[imgIndex].onerror
=
imgError
preIma[imgIndex].onabort
=
imgAbort
preIma[imgIndex].src
=
imasrc[imgIndex]
}
function
imgLoad()
//
预载完成
{
this
.imgReadyStatus
=
true
}
function
imgError()
//
预载失败
{
preLoadImg(
this
.imgIndex)
}
function
imgAbort()
//
预载取消
{
preIma.splice(
this
.imgIndex,
1
)
}
var
checkAgain
function
checkImgReadyStatus()
//
检索加载状态
{
var
imgReadyStatus
=
true
var
persent
=
0
var
dE
=
new
Date()
for
(i
=
0
;i
<
preIma.length;i
++
)
{
if
(
!
preIma[i].imgReadyStatus)
{imgReadyStatus
=
false
}
else
{persent
++
}
}
tM(
"
完成:
"
+
(persent
/
preIma.length
*
100
).toFixed(
2
)
+
"
%<br>载入:
"
+
persent
+
"
张图片<br>消耗时间:
"
+
((dE
-
dB)
/
1000
).toFixed(
0
)
+
"
秒
"
)
//
显示进度
if
(imgReadyStatus)
{
$(
"
photoContrl
"
).style.display
=
"
block
"
autoPlay()
clearTimeout(checkAgain)
}
else
{
checkAgain
=
setTimeout(checkImgReadyStatus,
1000
)
//
检索频率
}
}
checkImgReadyStatus()
分享到:
相关推荐
包含三种炫酷的图片播放,适合网站中的信息展示,忘大家对此感兴趣!
axure原型rp-淘宝广告图片自动轮番播放和拖动 axure原型rp文件 模拟淘宝广告图片自动轮番播放 有帮助别忘了好评,方便大家使用
旅游综合行业专题报告:好未来,砥砺耕耘十七载,不忘初心志更远-20200831-海通证券-38页.pdf
photoshop快捷键,希望能帮助大家
【《一张忘取的汇款单》阅读答案】一张忘取的汇款单.docx
忘了密码怎么办忘了密码怎么办忘了密码怎么办忘了密码怎么办忘了密码怎么办忘了密码怎么办
该文档主要记录的是java基础的一些易忘的一些小知识点
不忘初心砥砺前行班会学习教案.pptx
里面有雷达资料,我具体也忘了里面有雷达资料,我具体也忘了里面有雷达资料,我具体也忘了里面有雷达资料,我具体也忘了里面有雷达资料,我具体也忘了里面有雷达资料,我具体也忘了里面有雷达资料,我具体也忘了里面...
不忘初心蓝色海报(PS素材资源、 PSD源文件格式图片下载、细分各图层 ).zip
发愤忘食乐以忘忧.doc
忘傻后台管理系统是一个集安全,美观,SEO等诸多功能于一身的后台管理系统。 后台首页:显示系统信息及帮助信息 系统管理:用于网站的SEO优化设置 安全检测:检测网站是否被置入木马、后门等代码 频道管理:用于...
忘忧清乐斋专用加密器,软件用途见软件名,本人提供的软件,均完美破解,欢迎大家选用,若遇到软件加密,则输入一个空格键便可。
win10 20H1_20H2_21H1一键替换太阳谷图标by_不忘初心
大家好,记得上次我带着大家一起实现了一个类似与淘宝客户端中带有的图片滚动播放器的效果,但是在做完了之后,发现忘了加入图片自动播放的功能(或许是我有意忘记加的…..),结果图片只能通过手指滑动来播放。...
运行后将微信“FileStorage\Image\”下的DAT格式的缓存批量拖入到程序窗口,即可批量异或解密这些图片缓存,速度还可以。这个源码绝对可用。 解密的密码,源码里面是15,你可以搜索15,然后替换成你的密码,各微信的...
jsp+sql 完整的代码,不过有点小错误,忘大家多多指教!
仿百度图片展示js效果,图片展示源码,效果很好,用上了别忘了给个好评。
一款非常实用的C# 的combobox的第三方控件,可以实现下拉后在下拉框中添加图片的功能,忘对有此功能需求的朋友所有帮助。
电脑密码忘了怎么办,这篇文档里面讲述多种破解方法。