更改多张图片

最近我一直在用一段我一直在努力的代码遇到问题。我要求创建通过交通灯带按钮的排列和循环，这是我做了什么：更改多张图片

<!DOCTYPE html> 
<html> 


<head> 
<title> Traffic Lights </title> 
</head> 

<body> 

<script> 
whatPosition=1; 
var images=["redlight.gif","redandamber.gif","greenlight.gif","amberlight.gif"]; 
function changeImage() { 

if (whatPosition==0) { 
document.getElementById("image").innerHTML=images[1]; 
whatPosition=1; 

} 

else if (whatPosition==1){ 
document.getElementById("image").innerHTML=images[2] 
whatPosition=2; 
alert("I am an alert box!"); 
} 
else if (whatPosition==2){ 
document.getElementById("image").innerHTML=images[3] 
whatPosition=3; 
} 
else if (whatPosition==3){ 
document.getElementById("image").innerHTML=images[4] 
whatPosition=4; 
} 
else if (whatPosition==4){ 
document.getElementById("image").innerHTML=images[0] 
whatPosition=0;

来源

2016-01-22 KennySchrub

图像不使用'innerHTML'，因为它们不包含html，你可能是想设置'src'属性 –

Kenny，不要破坏你的问题。 – Cerbrus

图片没有innerHTML，试试这个：

document.getElementById("image").src = images[0];

来源

2016-01-22 14:57:48 Thomas

谢谢大家，我最近才开始编码 – KennySchrub

没问题！快速提示：您可能希望查看'switch'语句来查看这种情况.. [link]（http://www.w3schools.com/js/js_switch.asp） – Thomas

您需要设置src属性。

<img src="" /> 
<!---^^^^^^---- You need to set this to make this work.

全部更换：

document.getElementById("image").innerHTML=images[0];

随着以下格式：

document.getElementById("image").src = images[0]);

来源

2016-01-22 14:57:43

非常感谢你 – KennySchrub

@KennySchrub不客气。如果此答案有效，请在5分钟后点击勾号按钮接受。 –

'src'的'setAttribute'？只需使用'.src' – Cerbrus

更改多张图片

回答

相关问题