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

associative arrays-Display key values with image slider

本文关键字：显示 键值 图像 数组 关联      更新时间：2023-09-26

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

我想使其成为一个关联数组，其中数组中的键是体育场名称的字符串，这将随着图像的变化而变化。问题是，如果我更改为关联数组并输入键值，这将停止我的图像滑块，正如您使用的步长变量所看到的那样，这就是该方法切换图像的方式。关于我是否将其切换到关联如何使图像和键（我将在 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"
相关文章：