图片轮流显示

原创 2004年09月24日 10:03:00

《SCRIPT language=JavaScript〉// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 2000;
// Duration of crossfade (seconds)
var crossFadeDuration = 3;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'upfile/1.jpg'
Pic[1] = 'upfile/2.jpg'
Pic[2] = 'upfile/3.jpg'
Pic[3] = 'upfile/4.jpg'
Pic[4] = 'upfile/5.jpg'

// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();

}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
</SCRIPT>


<BODY bgColor=#ffffff onload=runSlideShow() text=#000000>
<TABLE border=0 cellPadding=0 cellSpacing=0>
  <TBODY>
  <TR>
    <TD id=VU><IMG height=150 name=SlideShow src="upfile/1.jpg"
      width=150> </TD></TR></TBODY></TABLE></BODY></HTML>

 


 

用javascript 轮流显示图片

相片var obj = document.all.lyf;var i = 2;function cctv(){   obj.src = i + ".jpg";   i++;   if(i>17){  ...
  • xuexuejiang
  • xuexuejiang
  • 2007年05月20日 21:57
  • 819

javascript 实现多张图片轮流展示效果

 看到很多网站上都有这样的效果,感觉很不错。想据为己有,但是扣起来实在是太麻烦,于是自己写了一个。下面是简单的代码实现(只实现了基本的功能,样式和一些细节还没修改来)和以前一样,整合到了dojo中了,...
  • haofeng82
  • haofeng82
  • 2008年01月04日 16:59
  • 1581

jsp+css实现图片自动轮换

jsp文件(片段) /images/picture/2011050903.jpg'  alt="" /> /images/picture/2011050901.jpg'  alt=...
  • szjyy007
  • szjyy007
  • 2011年12月09日 11:21
  • 1226

原生JS实现图片的轮流播放

网页展示中常用到图片的轮流播放,这里使用了四张长图来进行图片轮放,下面是代码: f7.html MyProject srh ...
  • sinat_27747695
  • sinat_27747695
  • 2017年09月08日 23:34
  • 220

js实现轮流切换图片

  • cndotaci
  • cndotaci
  • 2009年04月16日 00:21
  • 1070

jQuery实现元素交替显示隐藏

两种方法使用jQuery实现某个元素的隐藏与显示的交替进行
  • qq_29695701
  • qq_29695701
  • 2017年06月22日 19:33
  • 417

HTML+CSS+JS:临摹腾讯软件中心首页——轮流播放图片

上次写完腾讯首页的HTML+CSS,在首页,有一个轮流播放banner的地方,在上次由于是先写布局所以就暂时搁置了。 现在来实现~观察CSS 1.可以看到,播放时候的banner的宽和高都是一样的...
  • qq_31628337
  • qq_31628337
  • 2017年03月02日 11:22
  • 429

实现图片交替显示

p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #b4261a} span.s1 {color: #0433ff}...
  • woshirsn
  • woshirsn
  • 2016年11月21日 15:04
  • 867

实现图片轮流滑动

在jsp页面中添加动作,实现图片轮流滑动
  • u010989078
  • u010989078
  • 2015年09月14日 17:59
  • 241

图片轮流转换

  • jian436
  • jian436
  • 2010年06月10日 19:02
  • 752
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:图片轮流显示
举报原因:
原因补充:

(最多只允许输入30个字)