更改多張圖片

最近我一直在用一段我一直在努力的代碼遇到問題。我要求創建通過交通燈帶按鈕的排列和循環，這是我做了什麼：更改多張圖片

<!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

更改多張圖片

回答

相關問題