北京网页设计北京网站制作相册的自动播放效果SlideShow_网站制作 -网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

北京网站制作用CSS实现网页中鼠标交互的方法
 北京网站建设学习CSS网页制作：z-index在IE中的迷惑
 网站建设风讯系统下载模块功能简介
 网站建设为你的网页做出电影的过场效果
 北京网页设计轻松拥有自己的站内搜索引擎
 网页设计定时自动关闭的窗口
 网页设计Flash 8 少为人知的特性！
北京网站建设dreamweaver mx教程二十一:使用“库”项目
 北京网站制作Dreamweaver网页制作技巧：使用模板
 网站建设*.HTC 文件的简单介绍

品牌理念

北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!

友好连接

文章搜索

你的位置：首页 >> 网站制作 >> 北京网页设计北京网站制作相册的自动播放效果SlideShow

北京网页设计北京网站制作相册的自动播放效果SlideShow

作者：北京网站建设日期：2008-03-27 06:03:34 来源： http://www.qitongnet.com

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

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

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

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

<html>
<head>
<title>SlideShow</title>
<script language="JavaScript1.1">
<!-- 
var yourImages = new Array("http://blog.donews.com/images/blog_donews_com/dodo/79382/o_5540320040330075952.jpg","http://www.iqoo.com/tupian/%D0%C7%D7%F9%B1%DA%D6%BD/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="/upimg/allimg/061231/1202520.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>

</body>
</html>

北京网站制作网站制作
——您可以运行代码察看特效，您也可以复制或者另存源代码。本代码由天极网页陶吧提供。

北京网站建设网站建设

字体：【大】【中】【小】

上一篇：网站制作用css制作表单并体验亲和力

下一篇：北京网站设计CSS应用实例：水平线变成虚线

这是一个与众不同的品牌，企通互联只专注于网站建设领域！中小型企业网站建设最佳合作伙伴！网站建设咨询热线：010-65587978/77/76/75!

网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

http://www.qitongnet.com 网站建设咨询热线：010-65587978/77/76/75

相关文章

品牌理念

友好连接

文章搜索

北京网页设计北京网站制作相册的自动播放效果SlideShow