使用按钮循环浏览存储在数组中的图像

Question

我试图通过按一次按钮循环浏览 5 张图像。 我对编码很陌生，我被朋友要求修复此代码，但我看不出这是怎么回事。 当我在 chrome 上运行它时，会出现第一个图像，但是当我按下按钮时，它不会更改为下一个图像。 如果有任何用处，我正在使用 sublime text 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>

Answer 1

您的代码中存在语法错误，导致事情中断：

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

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

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

使用按钮循环浏览存储在数组中的图像

问题描述

1 个解决方案

解决方案1
0 2015-11-25 22:29:30

使用按钮循环浏览存储在数组中的图像

问题描述

1 个解决方案

解决方案1 0 2015-11-25 22:29:30

解决方案1
0 2015-11-25 22:29:30