javascript - 为什么简单的幻灯片放映不起作用？

Question

我刚刚创建这个幻灯片只是为了在根据我自己的网站更改它之前检查它是否有效，但幻灯片似乎不起作用。图片全部显示在另一张下方。

这是 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> 

我也用过这段代码，但还是不行。

Answer 1

您的 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;
}