使用按钮循环浏览存储在阵列中的图像

Cycling through Images stored in an array with a button

本文关键字：阵列图像存储按钮循环浏览更新时间：2023-09-26

我正试图通过按下一次按钮来循环浏览5个图像。我对编码还很陌生，一个朋友让我修复这个代码，但我看不出这怎么不起作用。当我在chrome上运行它时，第一个图像会出现，但当我按下按钮时，它不会更改为下一个图像。如果有用的话，我用的是崇高的文本2。这是我试图修复的代码

<script type='text/javascript'>
var trafficlights = new Array(."Traffic Lights Red (4).jpg","Traffic Lights    RY.jpg","Traffic Lights Green.jpg","Traffic Lights Yellow.jpg", "Traffic Lights Red (4).jpg")
var lightcentre = 0;
function lightCycle()
{
 if(++lightcentre == 5)
  lightcentre = 0;
 document.images.banner.src = trafficlights[lightcentre];
}
</script>

</head>

<body>
<img src="Traffic Lights Red (4).jpg" name="banner" > 
<form>
 <input type="button" value="Change lights" name="Change lights"    onclick="lightCycle()">
</form>

</body>

</html>

您的代码中有一个语法错误，导致出现问题：

var trafficlights = new Array(."Traffic Lights Red (4).jpg", ...

那个时期不属于那里。删除它似乎可以让你的代码在Firefox中正常运行。

var trafficlights = new Array("Traffic Lights Red (4).jpg", ...