Javascript 关联数组使用图像滑块显示键值

我正在设计一个网站，并有一个图像滑块显示20幅图像

var slideimages = new Array()
slideimages[0] = new Image()
slideimages[0].src = "Stadium Images/anfield.jpg"
slideimages[1] = new Image()
slideimages[1].src = "Stadium Images/britannia.jpg"
slideimages[2] = new Image()
slideimages[2].src = "Stadium Images/oldtrafford.jpg"

<img src = "anfield.jpg" name = "slide" id = "slide" width  ="500px"        height = "300px">
    <script type= "text/javascript">
    var step=0
    function slideit()
    {
        document.getElementById('slide').src = slideimages[step].src
        if (step<19)
            step++
        else
            step=0
            setTimeout("slideit()",2500)
    }
        slideit()
    </script>

我想让它成为一个关联数组，数组中的键是体育场名称的字符串，它会随着图像的变化而变化。问题是，如果我更改为关联数组并输入键值，这将停止我的图像滑块，正如您可以看到我使用的step变量，这就是该方法切换图像的方式。如果我把它切换到一个关联的方式，我如何得到我将在h3/h4中显示的图像和按键来协同工作

---

谢谢

只需调整启动和索引即可：

var slideimages = {}
slideimages["anfield"] = new Image()
slideimages["anfield"].src = "Stadium Images/anfield.jpg"
slideimages["britannia"] = new Image()
slideimages["britannia"].src = "Stadium Images/britannia.jpg"
slideimages["oldtrafford"] = new Image()
slideimages["oldtrafford"].src = "Stadium Images/oldtrafford.jpg"

---

那么你只是想使用一个对象？