Как получить картинку при наведении на другую картинку (ссылку)

[seeker1]

Народ, подскажите пожалуйста как создать эффект смены изображений после наведения курсора на связанные с ним второстепенные изображения-ссылки. Пример эффекта здесь astro.sibnet.ru/chiromancy

Там есть семь изображений-ссылок в виде рук и одно большое изображение (статичное) меняющееся при наведения на мини-изображения.

[motorway]

На ссылку не нажимал, дабы не заходить на подозрительные сайты, но могу сказать, что надо использовать onmouseover. И по нему менять изображение: типа

document.getElementById('...').src=...

[seeker1]

да там вроде ничего опасного нет какой-то сайт, посвященный хиромантии. Я дал туда ссылку потому, что там реализовано примерно то, что я хотел бы сделать у себя (за исключением того, что семь ладоней-ссылок остаются прежними и только меняют центральную картинку).

По теме. Обычную смену изображений на "маусовер" я уже реализовал (делал в дримвивере через "замещающее изображение"), а вот с двойной сменой изображения даже не знаю как быть. Если не сложно выложи весь скрипт, плиз, а то с программированием у меня пока туговато

Суть в том, что я хочу сделать интерактивный указатель по 10 разделам сайта. Для этого я поделил центральную картинку-указатель на 10 частей, каждой подрисовал альтернативное изображение-фрагмент (всего 20 картинок) и при маусовере каждый раз загорается альтернативная картинка. Это я уже сделал. Но нужно, чтобы появлялось ещё одно, вспомогательное изображение (причем в одном и том же месте), которое будет увязано с уже выделенным фрагментом (одним из десяти центральных) и при этом тематически объяснять куда тебя, собственно говоря, посылают =)

[A_r_r_a_y]

лично мне не непонятно что Вы хотите сделать, выложите код

[DomiNick]

Готов поспорить что это просто JavaScript... Сейчас нет времени, а так бы поковырялся в нём...
Опишите поподробнее что именно вы хотите сделать...

[seeker1]

A_r_r_a_y лично мне не непонятно что Вы хотите сделать, выложите код

Если бы я знал какой там код разве я просил бы помощи?

DomiNick Готов поспорить что это просто JavaScript... Сейчас нет времени, а так бы поковырялся в нём...
Опишите поподробнее что именно вы хотите сделать...

В центре экрана выложена десятиконечная звезда (путеводитель по разделам), при наведении на каждый из лучей они загораются другим цветом, а если нажать на луч пользователь уходит по ссылке в раздел. Но беда в том, что на самих лучах звезды не написано куда именно направится пользователь. Для того чтобы это уточнить я хочу сделать вспомогательное изображение в левом верхнем углу.

Допустим, человек хочет уйти в раздел боевого развития - он наводит курсор на один из лучей звезды и тут же наверху подгружается картинка воина в доспехах. Или хочет попасть в раздел развлечений - наводит курсор на соседний луч звезды и на месте воина появляется картинка шута. И так далее.

[A_r_r_a_y]

если правильно понял, то что-то типа этого:

PHP код:

<script>
function replace_img(id)
{
    var info_img = document.getElementById('info_img');
    switch(id)
    {
        case 1:
        {
            info_img.src = 'star/voin.gif';
            break;
        }
        case 2:
        {
            info_img.src = 'star/shut.gif';
            break;
        }
    }
}
</script>
<!--Вспомогательное изображение-->
<img id="info_img" src="star/empty.gif">

<!--Лучи звезды-->
<img src="star/1.gif" onmouseover="replace_img(1)">
<img src="star/2.gif" onmouseover="replace_img(2)"> 


[seeker1]

Спасибо большущее! Буду пробовать.

[DomiNick]

Я такое бы делал из карты графических ссылок и dhtml... Мне так больше почему-то нравится...

Примерно так: