リモートロールオーバーさせた先の画像の方にリンクをはりたい

質問

こちらの掲示板やサンプルソースを拝見しながら、
onmouseによるリモートロールオーバーまでは何とか出来ましたが、
そのロールオーバー先(後で表示される画像の方//下記ソースでは"B.gif")をonclickで、
他のページへリンク(新しいウィンドウで)させたいと思っています。
少しでも似たようなケースを見つける度に試行錯誤してみましたが、
どうしても出来ませんでしたので、どうか助けて下さいませ！
どうぞ宜しくお願い致します。

＊現在は頭が混乱してソースも滅茶苦茶になった為、リモートロールオーバー
だけの記述に戻してしましたが、下記のように記述しております
=============================================================
<script language="JavaScript">
<!--
//
function SwapImage(img) {
obj = document.getElementById("image");
obj.src = img;
}
//-->
</script>

-----以下[HTML本文]--------------------------------------
<img src="A.gif" alt="" border="0" onmouseover="SwapImage('B.gif)">
==============================================================

回答No.3

leap_day · ベストアンサー

こんにちは

実はちょっと気になってたんです（＾＾）
swapimage()でしたし、リモートというのが・・・

こんな感じで・・・

<script language="JavaScript">
<!--
function SwapImage(img,alt) {
obj = document.getElementById("image");
obj.src = img;
obj.alt = alt;
}
//-->
<!--
function openwin(alt) {
if(alt == ""){
return false;
}else {
sub = window.open("empty.html","win","width=300px; height=300px;");
sub.location.href=alt;
}
}
//-->
</script>

<img src="./sample1.gif" onmouseover="SwapImage('./sample1.gif','./test0.html')">
<img src="./sample2.gif" onmouseover="SwapImage('./sample2.gif','./test1.html')">
<img src="./sample3.gif" onmouseover="SwapImage('./sample3.gif','./test2.html')">
<img src="./sample4.gif" onmouseover="SwapImage('./sample4.gif','./test3.html')">

<img src="./sample0.gif" name="image" width="100px" height="100px" border="1" alt="" onclick="openwin(this.alt)">

お礼

でっ、出来ましたー！嬉しいです！！
複数の画像でもそれぞれ対応できるように記述して下さっていて、
大変有り難かったです！
ご親切に本当にありがとうございました！！

回答No.2

leap_day

こんにちは

こんな感じで・・・

<SCRIPT language="JavaScript">
<!--
function chImg(img, str) {
document.images[img].src = str;
}
//-->
<!--
function url() {
location.href="./sample.cgi";
}
//-->
</SCRIPT>
<a onMouseover="chImg('ia','./sample1.gif')" onMouseout="chImg('ia','./sample0.gif')">
<IMG src="./sample0.gif" name="ia" border="0" onClick="url()"></a>

お礼

度々、申し訳ありません。
先程慌てて投稿してしまいましたが、
解りづらい表現がありましたので一部訂正させてくださいませ。

-------------------------------------------------------
まず、教えて下さった記述を試した結果です。
・同位置で画像チェンジとなり、リンク設定は出来たのですが
元画像へのリンク設定及び同一ページに表示されました

そして、実際にやりたい事↓
■マウスオーバーを使い、同一場所でなく指定した別の位置で別の画像を表示させたい
■その別の位置で表示させた画像(元画像ではない)にだけリンク設定し、
clickで新規ウィンドウで新しいページを開きたい
---------------------------------------------------------
この度は、ありがとうございました。
引き続き、何かお分かりの事がございましたらどうか宜しくお願い致します。

補足

leap_day様、ご回答ありがとうございます。そして申し訳ございません！
初めての質問掲示板利用で要領を得ておらず、
情報ややりたい事の要点などが不足していたように思います。

まず、教えて下さった記述を試した結果です。
・同位置で画像チェンジとなり、リンク設定は出来たのですが同一ページに表示されました

そして、実際にやりたい事↓
■マウスオーバーを使い、同一場所でなく指定した別の位置で別の画像を表示させたい
■その別の位置で表示させた画像にのみリンク設定し、それをclickで新規ウィンドウで新しいページを開きたい

いろいろなキーワードでも検索してみましたが、
そのように実行されているサイトも見つけられませんでしたので、
このような事が可能なのかどうか分からないのですが、
(JavaScriptなら何でも出来ると思いこんでおりました・・・)
もし可能でしたらどうか宜しくお願い致します！

＊その後、参考にさせて頂きながら試行錯誤し、
死に物狂いで新規ウィンドウを開くことだけは出来ましたが、
リモートロールオーバ後の画像にリンク設定が出来ないので
無意味な苦闘だったのかもしれませんけれど一応添付させて頂きます。

<script language="JavaScript">
<!--
//
function SwapImage(name,img) {
obj = document.getElementById("image");
obj.src = img;
}
//-->
</script>

<a onmouseover="SwapImage('image','B.gif')" onclick="wn=window.open('○○.html','_blank');wn.focus();"><img src="A.gif" border="0"></a>
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

度々、ごご面倒をお掛けいたしますがどうぞ宜しくお願い致します。

回答No.1

ANASTASIAK

単にその画像にonclickイベントをつければいいんじゃないの？
だって、mouseoverしなきゃどうせonlickイベントを使えないわけ
でしょ。こんな感じで。
<img src="A.gif" alt="" border="0" onmouseover="SwapImage('B.gif)" onclick="GO('xxxx.html')">

誤解してたら申し訳ない。

お礼

この度は、ありがとうございました。
他に何かお分かりの事がございましたらどうか宜しくお願い致します。

補足

早々にありがとうございます。
そうです、onmouseoverで替えた画像をonclickでリンク設定したいので、順序から申しますと、
１、A.gifをマウスオーバー
２、B.gifが指定位置に表示される
３、B.gifをクリック→リンク設定で新規ウィンドウを立ち上げる

早速、教えて頂いた記述で試してみましたが、残念ながら動作致しませんでした。
何かお気付きの点や他に方法がお分かりでしたら、
又どうぞ宜しくお願い致します。