複数の画像をリンク設定し、サイズ、位置を指定してそれぞれ別ページにリンク設定する場合
ホームページを作成している最中です。
画像をクリックした際に、リンク先はリンク元の拡大画像を表示し
画像サイズと位置を指定するよう設定しています。
例えば、そのリンク元の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
大変わかりずらい説明で申し訳ありません。
素人なのでいまいち説明の仕方がよくわかってないです。。。
どうぞよろしくお願いいたします。
お礼
すみません。 今、編集していて気づいたのですが「ファイルマネージャー」でタグを書き込んで保存した後、「管理トップ」で自分のHPを表示してみたところしっかりと画像が表示されていました。 プレビューで確認したときは表示されていなかったのでおかしいと思い、よく確認せず質問してしまい申し訳ございません>< 回答してくださったtorayoshiさん本当にありがとうございます!
補足
返答遅くなってすみません; 回答ありがとうございます! ディレクトリ名は「image」フォルダです。間違ってフォルダまで「」にいれてしまいました^^; タグは自分で見直してもあってる気がするのですが、プレビューで確認しても画像が表示されません;; ディレクトリをまとめてみます。 [Root] ↓ index.html フォルダ「image」→image01.png こんなまとめかたですみません^^;