图片轮流显示

最新推荐文章于 2021-06-04 11:04:45 发布

原创最新推荐文章于 2021-06-04 11:04:45 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#image #javascript #border #function #table

asp 专栏收录该内容

22 篇文章

订阅专栏

此博客主要展示了使用JavaScript实现图片轮播的代码。设置了轮播速度和淡入淡出时长，定义了图片数组，通过函数实现图片切换，在页面加载时调用该函数开始轮播，还使用了表格来展示图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

《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>