マウスオーバー

質問

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

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

回答No.2

fujillin · ベストアンサー

画像変更をどうやっているのかわかりませんが、onmouseoverでJavaScriptなどで画像の変更とリンク先の変更をやればできる。
簡単な例を挙げておきますので、適当に改造してください。

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

お礼

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

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

回答No.1

noname#84373

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

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

お礼

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

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