我是一名Javascript初学者,尝试使用Javascript制作简单的幻灯片。从我完成的工作中,我只能生成五张图像中的一张。控制台说什么都没错,为什么其他图片无法显示,我却茫然不知所措。
<script>
var images = new Array();
images[0] = new Image();
images[0].src = "burger1.jpg";
images[1] = new Image();
images[1].src = "burger2.jpg";
images[2] = new Image();
images[2].src = "burger3.jpg";
images[3] = new Image();
images[3].src = "burger4.jpg";
images[4] = new Image();
images[4].src = "burger5.jpg";
var slide = 0;
function next(){
if (!document.images) {
return document.getElementById('slideshow').src = images[slide].src
}
if(slide < 5){
slide++;
} else{
slide = 0;
}
setTimeout("next()",3000);
}
next();
</script>
</head>
<body>
<img src="burger1.jpg" id="slideshow" width=100 height=100 />
PS我不知道jQuery的。
if (!document.images) {
return document.getElementById('slideshow').src = images[slide].src
}
这里是!document.images [object HTMLCollection]
,您仅在检查!
此用途:
if(slide < 5){
slide++;
} else{
slide = 0;
}
setTimeout(next,3000);
document.getElementById('slideshow').src = images[slide].src
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句