WEB作成で画像のリンクについて

質問

初心者です。
Win98でProntPageを使用してホームページを悪戦苦闘しながら作成しています。
そこで一つ教えて頂きたいのですが
ホームページにサムネイル表示させている画像をクリックしたら
別の窓が出てその画像が大きく表示されるようにしたいのです。
そのやり方がわかりません。
サムネイル表示までは出来ています。
いろいろと探したののですがイマイチ内容が理解できないのです。
どなたか分かり易く教えて頂けないでしょうか？

回答No.1

yukiko0608 · ベストアンサー

こんにちは。
色々とあるのかもしれませんが、とりあえず私が使っている方法で。。。

HTMLの記述の中の<title></title>から</head>までの間に
<SCRIPT Language="JavaScript">
<!--
function openwin(url) {
w = window.open(url, 'window','width=横サイズ,height=縦サイズ,status=no,scrollbars=no,directories=no,menubar=no,resizable=yes,toolbar=no');
}
//-->
</SCRIPT>

を入れて下さい。
別ウインドウで開くウインドウサイズは、それぞれ数字を入力して下さいね。
また、サイズの後にスターテスやらスクロールやらあります。
まぁ読んだとおりなのですが、ウインドウ（ブラウザ）のメニュー表示やスターテス（下のバー）、スクロールバーの表示・非表示の設定と、ウインドウサイズを見ている人がマウスで変更可能・不可能の設定などです。
全て、yesかnoで記述して下さい。

次に、リンク元になる画像にリンクタグを入れるのですが、
<a href="javascript:openwin('別ウインドウで開くページ')"><img src="画像のファイル名" width="画像の横サイズ" height="画像の縦サイズ" alt="画像が表示されない場合のテキスト"></a>
を記述して下さい。
別ウインドウで開くページのファイル名（html）のリンクタグで、リンクをはる画像タグをはさみます。

・・・と、ここまで書いて気付いたのですが、FrontPageで作成なさってるんですね。
すみません。タグ打ちでしか作成したことないので・・・
ソースが見れるようでしたら、上記の方法で試してみて下さい。
なんか参考にならなくて申し訳ないです。

お礼

親切丁寧に教えて頂き有難うぎざいました。
大変参考になりました。
チャレンジしてみます。

回答No.2

inikkes

私はFrontPageを使用していないで、詳細な操作はわかりませんが、考え方はこうです。
そのサムネイルにリンク設定をし、リンク先に元の画像ファイルを指定します。（リンクは貼れますか？）
リンク操作で”別ウインド”が選べれる場合は選びます。

htmlで記述すると
<A href="file_name" target="_blank">　となり、
「"file_name"」の部分にディレクトリ(フォルダ)を含むファイル名になります。
「target="_blank"」の部分が新しいウインドで開くことを示します。
例．<A href="photo/test.jpg" target="_blank">
上記は、フォルダphoto内にあるtest.jpgを別ウインドウで開く場合です。

htmlは、全て覚えなくても作れますが、他人がやっていてどうやっているのかなと思った場合、そのソースを見るとなんとなく解りますよ。
InternetExplorerの場合、表示(V)－ソース(C)でそのページのソースが表示されます。
試してみてください。

参考URL：

http://www.minc.ne.jp/~tkzw4a/fp/etc/waza/w_link.htm#04

お礼

参考になるお答え有難うございました。
非常によく理解できました。
是非参考にさせて頂きたいと思います。
有難うございました。