Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Не получается при наведении на картинку сменить другую. (https://javascript.ru/forum/dom-window/29600-ne-poluchaetsya-pri-navedenii-na-kartinku-smenit-druguyu.html)

Iktash 04.07.2012 15:35

Не получается при наведении на картинку сменить другую.
 
Помогите, пожалуйста разобраться. Задача: при наведении на картинку она меняется на другую и еще одна картинка "индикатор" меняется. Пытаюсь сделать так:
<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>


Первая картинка меняется без проблем, а вот индикатор не хочет.
Буду очень благодарен, если укажете на ошибки или предложите другой способ, как осуществить задуманное:)

ksa 04.07.2012 16:05

Цитата:

Сообщение от Iktash
Буду очень благодарен, если укажете на ошибки

У тебя ИД не уникальный...

<div id="header">
	<div id="img_header">
		<img id="img1" src='http://javascript.ru/forum/images/smilies/unsure.gif' 
			onmouseover="this.src = 'http://javascript.ru/forum/images/smilies/smile.gif';document.getElementById('indicator1').src = 'http://javascript.ru/forum/images/smilies/blink.gif';" 
			onmouseout="this.src='http://javascript.ru/forum/images/smilies/unsure.gif'" 
		/>
		<img id="img2"  src='http://javascript.ru/forum/images/smilies/sad.gif' 
			onmouseover="this.src = 'http://javascript.ru/forum/images/smilies/laugh.gif';document.getElementById('indicator1').src = 'http://javascript.ru/forum/images/smilies/blink.gif';"
			onmouseout="this.src='http://javascript.ru/forum/images/smilies/sad.gif'" 
		/>
	</div>
</div>
<div id="indicator">
<img  id="indicator1" alt="Индикатор" src="http://javascript.ru/forum/images/smilies/mad.gif" />
</div>


Цитата:

Сообщение от Iktash
предложите другой способ

Таки отделить контент от функционала...

Iktash 04.07.2012 17:14

Спасибо большое. Что-то не заметил сразу. Мозг ломал пол ночи.
Обязательно отделю, просто хотелось, что б заработало сейчас.


Часовой пояс GMT +3, время: 10:31.