2016-01-22 4 views
0
<!DOCTYPE html> 
<html> 
<head> 
<script> 
position=0; 
var tLight = ["red light.gif","red_and_amber_light.gif","green     light.gif","amber light.gif"] 

function changeImage() { 
if (position==0) { 
document.getElementById('myImage').innerHTML=tLight[1] 
position=1; 
}  
else if (position==1) { 
document.getElementById('myImage').innerHTML=tLight[2] 
position=2; 
}  
else if (position==2) { 
document.getElementById('myImage').innerHTML=tLight[3] 
position=3; 
}  
else if (position==3) { 
document.getElementById('myImage').innerHTML=tLight[4] 
position=4; 
}  

} 
</script> 
</head> 
<body> 
<img id="myImage" src="red light.gif" width="100" height="180"> 
<button type="button" 
onclick="changeImage()">click for da lite</button> 
</body> 
</html> 

Я не могу найти проблему в этом коде, и я не знаю, является ли это я слепой или .....? Пожалуйста, помогите. Я посмотрел на хром «Инструменты разработчика», но это не может обнаружить никаких проблем.Изменение нескольких изображений на JavaScript

+0

Ваш URL изображения имеют пробелы? – adeneo

+0

Кроме того, установка «innerHTML» изображения не изменяет атрибут *** src ***? – adeneo

+0

Нет, я пробовал это в другом документе, но это не имеет никакого значения. Спасибо, хотя – Reix

ответ

1

Вы используете «innerHTML» в «IMG» тег, вы должны использовать «SRC» атрибут, чтобы сделать его работу:

document.getElementById('myImage').src = tLight[1] 
Смежные вопросы