文字をオンマウスすると、画像がかわり、クリックで他のページへいくようにしたい。

質問

初めてJavaを使いました。

『文字にマウスを当てると、上に置いた画像がかわり、さらにその文字をクリックすると、他のページにいくようにしたいのです』

文字にマウスを当てると、上に置いた画像が変わるとこまではできましたが、どうしても他のページへのリンクができません。
よい方法を教えてください。

作ったHTMLは以下のとおりです。

<SCRIPT language="JavaScript"><!--
function myChgPic(myPicURL){
document.images["myBigImage"].src = myPicURL;
}
// --></SCRIPT>
<TABLE align="center">
<TBODY>

<TABLE border="0" align="center">
<TBODY>
<TR>
<TD><IMG src="ankor.jpg" name="myBigImage" border="2"></TD>
</TR>
<TR>
<TD><A href="javascript:void(0)" onmouseover="myChgPic('shanghai.jpg')">上海
<br>
<A href="javascript:void(0)" onmouseover="myChgPic('italy.jpg')">イタリア
<br>
<A href="javascript:void(0)" onmouseover="myChgPic('canada.jpg')">カナダ
　　　</A>
　　　</TD>

</TR>
</TBODY>
</TABLE>

上海、カナダ、イタリアという文字をクリックしたら、その写真にかわり、文字をクリックしたらそれぞれのページにリンクさせたいのです。

回答No.3

noname#22328

herf="javascript:void(0);" の箇所に、URLを入れます。
この例だと、どこへ飛ぶのかの指示がありませんね。

void(0);は、数値を返さないので、「何もしない」という意味があるそうです。

お礼

できました。
本当にありがとうございました。

回答No.2

noname#14286

JavaとJavaScriptは違うものです。
間違えないようにしましょう。

お礼

初心者で、違いも知りませんでした。
勉強してみます。

回答No.1

kkaawwaachon

簡単にはこれで出来ます。
<a href="ＵＲＬ"><IMG SRC="画像１"border="2" onmouseover="this.src='画像２'"border="2"onmouseout="this.src='画像１'" BORDER="2">上海</a>