如何使用单个按钮循环显示图像?

时间:2016-02-03 10:17:48

标签: javascript image cycle

我刚刚开始在GCSE级别的notepad ++中编写javascript代码。 我的评估中的任务之一是使交通灯变色,每个按钮点击一个图像。 我已经将红灯改为红黄灯了。但是,我无法继续这样做。 到目前为止我的代码:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function lewis() {
    document.getElementById("pic").src="Red-Yellow.png"
}
</script>
</head>
<body>
<button type="button" onclick="lewis()">
Change Lights</button>
<img src="Red.png" alt="Red" id="pic" style="width:250px;height:600px;">
</body>
</html>

这是我刚开始时的能力高度。 任何帮助将不胜感激,非常感谢, 路易斯

(我会继续和这个问题一起研究)

1 个答案:

答案 0 :(得分:0)

没有经过测试,但我想你想要这样的东西。

{{1}}