我刚刚创建这个幻灯片只是为了在根据我自己的网站更改它之前检查它是否有效,但幻灯片似乎不起作用。图片全部显示在另一张下方。
这是 JS Fiddle 有人可以帮我找出为什么它不起作用吗?我链接它的方式有问题吗?或者代码有误?
<script>
var step = 1
function SlideShow(){
if(!document.images)
return document.images.MySlide.src = eval("image"+step+".src")
if(step<4)
step++
else
step=1
setTimeout("SlideShow()",1000)
}
SlideShow()
</script>
我也用过这段代码,但还是不行。
最佳答案
您的 css 类中存在语法错误。
代替这个
#slideshow {
margin: 50px auto;
position: relative;
padding: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
width="600px";
height="400px"
}
使用这个:
#slideshow {
margin: 50px auto;
position: relative;
padding: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
width:600px;
height:400px;
overflow:hidden;
}
关于javascript - 为什么简单的幻灯片放映不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23646811/