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

Question

我正在设计一个网站，并有一个显示 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 中显示）一起工作

谢谢

Answer 1

只需调整启动和“索引”：

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"