マウスオーバー

マウスオーバーで離れた位置の画像を変更した際、画像に合わせてリンクも変更する方法をお教え下さい。
詳細としまして、・バナーＡ・Ｂ・Ｃにマウスオーバーすると、位置Ｄの画像がＡ'、Ｂ’、Ｃ’のそれぞれに変更します。（マウスアウト後もその画像のまま）
Ａ’の場合にはリンク1
Ｂ’の場合にはリンク2
Ｃ’の場合にはリンク3
としたいです。

画像変更まではできましたが、リンクの変更は検索しても見つけることができませんでした。
ご協力よろしくお願いします。

No.2 ベストアンサー 回答者： fujillin 回答日時： 2008/07/01 13:06

画像変更をどうやっているのかわかりませんが、onmouseoverでJavaScriptなどで画像の変更とリンク先の変更をやればできる。

簡単な例を挙げておきますので、適当に改造してください。

----HTML----
<a id="banner" href="最初のリンク先">
　　<img src="最初のイメージ" onmouseover="change(this);">
</a>
----Script----
function change(img) {
　　img.src = '変更後のイメージ';
　　document.getElementById('banner').href = '変更後のリンク先';
}

この回答へのお礼

お礼が遅くなり申し訳有りません。

参考になりました。
ありがとうございました。

お礼日時：2008/09/12 11:43

No.1 回答者： _pipi_ 回答日時： 2008/07/01 12:17

http://oshiete1.goo.ne.jp/qa4122737.html

過去の質問のお題が、何をしたいのか書いてあれば検索しやすいのだろうけれど・・。

この回答へのお礼

お礼が遅くなり申し訳有りません。
アドバイス頂きありがとうございました。

一度拝見した質問でしたが、ランダム表示を応用できる程の能力がなく、質問を立ててしまいました・・・

お礼日時：2008/09/12 11:48