画像を新しいフレームで見る

質問

画像をクリックすると大きく表示される（新しいフレーム）というのをしたいのですが出来ません。
全て素材は同じファイル内なので、階層は一つです。
超初心者なのですが、色々調べても出来なくて困っています。
どなたか教えてください。
<a href="○○.html"と新しいフレーム先を指定しますが、これは適当な名前をつけたらよいだけですか？
新しいフレーム用にそれぞれのhtml文書を作らないとダメなのでしょうか？

回答No.2

noname#199778 · ベストアンサー

フレームを切っていないということでしたら、おそらくここでお尋ねになっているのは、新しいウィンドウで特定の画像を開いて表示させたいと言うことですね。
フレームと言うのは、Webページなどでは、ウィンドウ内を区切って複数のページを表示させる場合のその枠の事を指しますので、ここではフレームという呼び方は誤解を生むかもしれません。 初めから苦言めいた一文を失礼しました。

それで、新しいウィンドウを開いて画像を表示させる方法についてですが、前回は通常のリンクを張る記述とはちょっと異なる部分を示す意味で、開始タグだけを例示したのですが、実際にそれをリンクとして動作させるには

<a href="nesugata3.JPG" target="_blank"><img src="nesugata3.JPG" alt="かれん" width="188" height="144"></a>

のように、画面に表示させる内容を含む必要があります。 こちらは付け加えて記述されているでしょうか? これが記述されていれば、特に問題なく動作すると思うのですが…

もし上記の点を確認して異常がないとして、それでも上手くない場合は、あとはリンク先のファイル名の指定が間違っていないかどうかなどを確認すると良いかも知れません。
それでもうまくいかない場合は、HTMLソースを添えて補足してみて下さい。

あと、参考URLに、JavaScriptを使って小窓に画像ファイルを表示させるスクリプトを提示した過去の質問を添えてみます。 JavaScriptを使うことに抵抗がなければ、こちらも参考にしてみてください。

失礼しました。

参考URL：

http://oshiete1.goo.ne.jp/kotaeru.php3?q=627347

お礼

ありがとうございました！！きっちり思った通りできました！！うれしいです★ほんとの初心者にわかりやすく教えてくださって、本当に本当にありがとうございました！！！！

回答No.1

noname#199778

質問の内容を取り違えているかもしれませんが…

目的のファイルをフレーム上に表示させると言うケースでしたら、とりあえずフレームを切るHTMLファイルはある訳ですよね?
それが用意できているのでしたら、表示させたいフレームの名前を、リンクのtargetに設定すれば良いと思います。

<frameset cols="20%,*">
<frame src="***.htm" name="menu">
<frame src="***.htm" name="main">
</frameset>

フレームを切るHTMLファイルのソースが以上のようなものであれば、画像を表示させたい側のフレームの<frame>タグのname=で指定されている名前を、リンクのtargetで指定すれば良いと思います。 もしframeタグでnameが設定されていない場合は、あらためて任意の名前をフレームに付けて、それをtargetにしたリンクを張ればよいでしょう。

もしフレームが切られていないページから、フレームありのページを読み出して、そこに画像も載せたいと言うケースであれば、その数だけフレームを切るHTMLファイルを用意する必要があるのではないかと思います。

あと、特定の画像を別ウィンドウに読み出して表示させたいと言うことでしたら、その場合は<a href="***.jpg" target="_blank">で事足りるかもしれません。 target="_blank"を指定したリンクでは、常に新しいウィンドウを開いて、そこに指定のファイルを読み込みます。 このとき、画像表示用ウィンドウのサイズも調整したいと言う場合は、JavaScriptを併用する必要があります。
なお、適当な名前をtargetで指定した場合、指定された名前をもつフレーム・ウィンドウが存在しなければ新しいウィンドウを開く動作になると思います。

参考まで。 見当違いでしたら、ごめんなさい。

補足

あちがとうございます。
フレームはたった一つなので、区切ってはない？のだと思います。
以下のような書き方をしたのですが・・

<table border="1" cellpadding="0" cellspacing="0" align="center">
<tr>
<td><p align="center"><img src="nesugata3.JPG" alt="かれん"
width="188" height="144">
</a>
このようなテープル内画像が2列縦に10枚ほど並んでいます。
フレームは区切っておりませんので、ただ画像をクリックすると新しいウィンドウが立ち上がり、拡大された画像を見られるようにしたいのです。
<a href="***.jpg" target="_blank">と書き込んでみたのですが、うまく反映されません。
もしお時間がありましたら、お教えください。