Rollover эффект.

[2_k]

Здравствуйте. Не могу найти ришение, задача такая. Есть меню из нескольких пунктов, ниже меню есть див для иконки. Нужно, чтобы при наведении на определённый пункт меню, в нижнем диве появлялась нужная картинка на одном месте, менялась на другую при наведении курсора на следующий пункт , тоесть сколько пунктов меню - столько и разных картинок... Уверен что помогут любые советы и ссылки.

[Great Rash]

<a href="/" onmouseover="document.getElementById('img_div').style.background = 'url(\'img/my_img.gif\') center no-repeat';">link</a>
<a href="/" onmouseover="document.getElementById('img_div').style.background = 'url(\'img/my_img-2.gif\') center no-repeat';">link 2</a>
...
<a href="/" onmouseover="document.getElementById('img_div').style.background = 'url(\'img/my_img-n.gif\') center no-repeat';">link n</a>

[2_k]

Спасибо большое, всё работает, единственный момент, пытаюсь добавить onmouseout, чтоб картинка также успешно пропадала, не получается. Не подскажите?

[Great Rash]

<a href="/" onmouseover="document.getElementById('img_div').style.background = 'url(\'img/my_img.gif\') center no-repeat';" onmouseout="document.getElementById('img_div').style.background = 'none';">link</a>

[2_k]

А как правильно впихнуть сюда ещё и class к появляющимся картинкам, чтоб работал png fix для ie?