Html 多个幻灯片上的奇数结果

我一直在做一个页面，在这个页面上，很多图片都会被转换成其他图片，虽然效果不错，但大多数幻灯片似乎都会停在第二张图片上，并不断重复这张图片。它们按照预期进行淡出/淡出，并根据预期效果以不同的速率变化。但是每一张幻灯片都应该在3到5张图片之间旋转，而这些图片中的大多数根本就不会出现。我是CSS新手，可能遗漏了一些明显的东西，但我不知道是什么。特别令人费解的是，有些人的行为与其他人不同，因为他们都是以相同的方式编码的。任何帮助都将不胜感激。以下是最终产品： 代码如下：

var myimages=new Array（）
函数preload images（）{
对于（i=0；ix长度）{
指数=1
}
x[index-1].style.display=“block”；
设置超时（旋转木马，9000）；
}
var animatedIndex=0；
转盘（）；
函数旋转木马（）{
var i；
var x=document.getElementsByClassName（“动画幻灯片”）；
对于（i=0；ix.length）{
animatedIndex=1
}
x[animatedIndex-1].style.display=“block”；
设置超时（转盘，8500）；
}
var coldIndex=0；
转盘（）；
函数旋转木马（）{
var i；
var x=document.getElementsByClassName（“coldSlides”）；
对于（i=0；ix.length）{
coldIndex=1
}
x[coldIndex-1].style.display=“block”；
设置超时（旋转木马，7000）；
}
var冲击指数=0；
转盘（）；
函数旋转木马（）{
var i；
var x=document.getElementsByClassName（“shockSlides”）；
对于（i=0；ix.length）{
冲击指数=1
}
x[shockIndex-1].style.display=“block”；
设置超时（转盘，5500）；
}
var-artIndex=0；
转盘（）；
函数旋转木马（）{
var i；
var x=document.getElementsByClassName（“artSlides”）；
对于（i=0；ix.length）{
artIndex=1
}
x[artIndex-1].style.display=“block”；
设置超时（旋转木马，9000）；
}
var-toughIndex=0；
转盘（）；
函数旋转木马（）{
var i；
var x=document.getElementsByClassName（“toughSlides”）；
对于（i=0；ix.length）{
韧性指数=1
}
x[toughIndex-1].style.display=“block”；
设置超时（旋转木马，12000）；
}
var指数=0；
转盘（）；
函数旋转木马（）{
var i；
var x=document.getElementsByClassName（“epicSlides”）；
对于（i=0；ix.length）{
指数=1
}
x[epicIndex-1].style.display=“block”；
设置超时（旋转木马，3000）；
}
var指数=0；
转盘（）；
函数旋转木马（）{
var i；
var x=document.getElementsByClassName（“彩色幻灯片”）；
对于（i=0；ix.length）{
颜色指数=1
}
x[colorIndex-1].style.display=“block”；
设置超时（旋转木马，5000）；
}
var-myIndex=0；
转盘（）；
函数旋转木马（）{
var i；
var x=document.getElementsByClassName（“mySlides9”）；
对于（i=0；ix.length）{
myIndex=1
}
x[myIndex-1].style.display=“block”；
设置超时（旋转木马，9000）；
} <
/脚本>
<
td>
<
div class=“w3内容w3节”
style=“最大宽度：700px”>
<
img class=“mySlides10 w3动画淡入”
src=“hero1.jpg”
style=“宽度：100%”
alt=”“>
<
img class=“mySlides10 w3动画淡入”
src=“hero2.jpg”
style=“宽度：100%”
alt=”“>
<
img class=“mySlides10 w3动画淡入”
src=“hero3.jpg”
style=“宽度：100%”
alt=”“>
<
img class=“mySlides10 w3动画淡入”
src=“hero4.jpg”
style=“宽度：100%”
alt=”“>
<
/div>
<
脚本>
var-myIndex=0；
转盘（）；
函数旋转木马（）{
var i；
var x=document.getElementsByClassName（“mySlides10”）；
对于（i=0；ix.length）{
myIndex=1
}
x[myIndex-1].style.display=“block”；
设置超时（旋转木马，9000）；
}

a分部{
文本对齐：居中；
}

DVDizzy.com