テキストのリンク先を別ウインドウで画像表示

解決済

質問者：nobu3
質問日時：2001/12/18 06:50
回答数：3件

サムネイル画像のリンク先で別ウィンドウを開くというのは良く見かけるのですが、テキストの文章の一部からリンクさせて小窓で画像を開くというのはどうやったらよいのでしょうか？同一ページ内で複数のリンクを設定(それぞれに別の画像を表示）したいのですが・・・
htmlで書いてblanc指定でリンクするとウィンドウが大きい上にメニューバーが邪魔で困っています。
どうかよろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： Horick
回答日時：2001/12/19 09:31

こんにちはnobu3さん。

文書中の文字からリンクする方法ですが

<html>
<head>
<title>WindowOpen</title>
</head>
<body bgcolor="#FFFFFF" text="#000000">
検索サイトは<a href="#" onClick="window.open('http://www.google.co.jp','new','scrollbars=no,re …こちら</a> です。
</body>
</html

と記述すれば文中の"こちら"からリンクする事が出来ます。
もし画像を開くのであればwindow.openのURL('http://www.google.co.jp')部分を画像を保存してあるアドレスにしてあげれば良いと思います。
ウィンドウの高さや幅を変更する場合はwidth=420,height=350の部分を替えて見て下さい。

参考URL：http://tohoho.wakusei.ne.jp/js/window.htm

この回答への補足

Horickさんありがとうございました。おかげで長い間悩んでいたことが一つ解決しました。ところで教えていただいたこのやり方は、Ｎ6では見ることが出来ないのでしょうか？又、文章のリンク個所をクリックしたらポップアップウィンドウが開いたときに親ウィンドウのスクロールバーがページの最初まで戻ってしまうのですが・・・解決策がありましたら教えていただきたいのですが、重ねてよろしくお願いします。

補足日時：2001/12/20 06:51

通報する

- 0
- 件

通報する

この回答へのお礼

いままでかなり悩んでいた事をすぐにも回答いただきましてありがとうございました。今回一応の成果を得まして満足しております。いろんな本を読んでみたり、教えていただいたURLからダウンロードしたりと頑張ってみたのですが、個人ではなかなか理解が及びませんでした。早速の回答がとてもうれしかったです。感謝しております。

通報する

お礼日時：2001/12/23 20:29

No.3

回答者： leaz024
回答日時：2001/12/21 18:52

文字リンクについては既に回答されていますので、補足の質問の方を。

まず、スクロールバーが戻ってしまうのは、Aタグの href に # が指定されているからです。これを
　　<A href="javascript:void(0)" onClick="・・・">
とすればＯＫです。

それから、画像を直接開く場合、背景色は指定できないので、画像がメインとなる HTML を作っておき、それで指定すると良いかも知れません。

> Ｎ6では見ることが出来ないのでしょうか？
これがイマイチ分からなかったのですが、Netscape6 ではこの方法で何が出来なかったのでしょうか？
補足下さると幸いです。

この回答への補足

leaz024さん補足に対しての回答ありがとうございました。おかげさまで画像はきちんと表示され、スクロールバーも元に戻らなくなりました。又、画像の背景色についてはこれからもっとやってみます。それから、Netscape6でリンクをクリックしても全くリンクの効果が現れないのですが・・・全くの変化なしです。Netscape　Communicatorではきちんと表示されます。再びよろしくご指導お願いします。

補足日時：2001/12/22 07:18

通報する

- 0
- 件

通報する

この回答へのお礼

今度新たに、Netscape6,1にバージョンアップしましたら、きちんとポップアップウインドウが表示されました。いろいろと教えていただきましてありがとうございました。なお、背景色をつけるために、別のHtmlファイルを作ってみた結果、確かに見やすくはなったのですが、画像ファイルがある分Htmlファイルが増えるわけですので今回は断念することにしました。ご指導ありがとうございました。

通報する

お礼日時：2001/12/23 20:27