複数の画像をリンク設定し、サイズ、位置を指定してそれぞれ別ページにリンク設定する場合
ホームページを作成している最中です。
画像をクリックした際に、リンク先はリンク元の拡大画像を表示し
画像サイズと位置を指定するよう設定しています。
例えば、そのリンク元の1ページに縮小画像が複数有る場合、
どのように記述すればよいのでしょうか。
現在はこんな感じとなっています。
-=-=-=-=-=-=-=-=-=-=
<SCRIPT language="JavaScript">
<!--
function openwin() {
window.open("http://●●●.net/guide_a.html", "", "scrollbars=yes,width=420,height=270,top=100,left=80,scrollbars=no");
}
//-->
</SCRIPT>
-=-=-=-=-=-=-=-=-=-=
省略
-=-=-=-=-=-=-=-=-=-=
<TD><A href="javascript:openwin();"><IMG src="image27.jpg" width="150" height="94" border="0"></A></TD>
↑この画像をクリックすると、上記で指定したサイズ、位置で画像が表示されますが
同じページにリンク元が複数ある場合、どのように記述すればよいでしょうか。
例えば、下記の別の画像も同じように、違うページに設定したいです。
<TD><A href="javascript:openwin();"><IMG src="image17.jpg" width="150" height="94" border="0"></A></TD>
リンクしたいページ
http://●●●.net/guide_b.html
今の状態ですと、リンク元の画像は同じページ内にあるため
image17もimage27も同じリンク先（http://●●●.net/guide_a.html）に飛んでしまいます。
これをそれぞれ別ページにリンク設定したいです。
image27→http://●●●.net/guide_a.html
image17→http://●●●.net/guide_b.html
大変わかりずらい説明で申し訳ありません。
素人なのでいまいち説明の仕方がよくわかってないです。。。
どうぞよろしくお願いいたします。
お礼
ご回答ありがとうございます。 回答者様提案のクリッカブルマップで上手く作ることができました！ 本当にありがとうございました！