Помогите, пожалуйста разобраться. Задача: при наведении на картинку она меняется на другую и еще одна картинка "индикатор" меняется. Пытаюсь сделать так:
<div id="header">
<div id="img_header">
<img id="img1" src='img/01.jpg' onmouseover="document.getElementById('img1').src = 'img/05.jpg';
document.getElementById('indicator').src = 'img/indicator1.jpg';"
onmouseout="this.src='img/01.jpg'" />
<img id="img2" src='img/02.jpg' onmouseover="document.getElementById('img2').src = 'img/04.jpg';
document.getElementById('indicator').src = 'img/indicator2.jpg';"
onmouseout="this.src='img/02.jpg'" />
<img id="img3" src="img/03.jpg" onmouseover="document.getElementById('img3').src = 'img/07.jpg';document.getElementById('indicator').src = 'img/indicator3.jpg';" onmouseout="this.src='img/03.jpg'" />
</div>
</div>
<div id="indicator">
<img id="indicator" alt="Индикатор" src="img/indicator2.jpg" />
</div>
Первая картинка меняется без проблем, а вот индикатор не хочет.
Буду очень благодарен, если укажете на ошибки или предложите другой способ, как осуществить задуманное