• ベストアンサー

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

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

質問者が選んだベストアンサー

  • ベストアンサー
noname#199778
noname#199778
回答No.2

フレームを切っていないということでしたら、おそらくここでお尋ねになっているのは、新しいウィンドウで特定の画像を開いて表示させたいと言うことですね。 フレームと言うのは、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
honeyy
質問者

お礼

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

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

noname#199778
noname#199778
回答No.1

質問の内容を取り違えているかもしれませんが… 目的のファイルをフレーム上に表示させると言うケースでしたら、とりあえずフレームを切る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で指定した場合、指定された名前をもつフレーム・ウィンドウが存在しなければ新しいウィンドウを開く動作になると思います。 参考まで。 見当違いでしたら、ごめんなさい。

honeyy
質問者

補足

あちがとうございます。 フレームはたった一つなので、区切ってはない?のだと思います。 以下のような書き方をしたのですが・・ <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">と書き込んでみたのですが、うまく反映されません。 もしお時間がありましたら、お教えください。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • 異なるフレームへの画像表示

    こんにちは。初心者なのでやりたいことが伝わるかわかりませんがよろしくお願いします。 HPビルダーを使ってHPを作成中です。 フレームを利用していますが、(A.B.C)Bフレームのに画像1(絵)をおき、この上をポインターが通ると フレームAの所定の場所に画像が現れるようにしたいのです。 Bフレームの画像(絵)は1だけでなく2.3.4.5.6.といった具合にたくさんありそれぞれが示す画像がAフレームの場所に入れ替わって表示されるということはできるのでしょうか? Bフレームの画像1≠Aフレーム画像ではありません。 このようなことができる機能に名前はありますか? よろしくお願いします。

  • フレームを使った画像サイトの作り方について

    写真サイトを始めようかと思っています。 メインの写真展示コンテンツはフレームで左右を左少な目に二分割して、左に何の写真かの文字リンクをはって、大きく開いた右のスペースに左でクリックした内容が表示されるようにしたいと思ってます。 慣れない初心者なりに、フレームで左右を分けるところまではうまくいきましたが、いざ画像をアップしようとしたら全然うまくいきません。左の文字リンクで画像(サーバー内にアップロードしたもの)を見ようとすると、大きく開いた右のスペースには表示されず、新しく別窓が開いてしまいます。 一体どうすればいいのでしょうか? ちなみに左のフレームの文字部分のタグは 「<a href="リンクアドレス"target="右側のフレーム名">文字</a>」 と入力しています(初心者向けのタグ講座さんで拾ったタグです) ちなみに http://www.ashinari.com/category.php?blogid=2&category=265&page=1 こんな感じにしたいと思っています(私の場合は画像を縮小することなくのせたいので、一回当たりに表示される画像は1,2枚程度ですが) ちなみにサーバーはFC2です。ホームページビルダーなどは持っていません。

  • 素材画像の保存

    パソコン初心者です。 素材サイトで、素材したい画像の上で右クリックの「名前をつけて画像を保存」で保存したら、同じページにある他の素材画像も一緒に保存されてしまいます(ページにある素材画像が全て一つの画像として)。 保存したい素材だけを保存するのには、どうしたらよろしいでしょうか。 よろしくお願いします。

  • targetを他フレームとアンカーポイント両方指定したい場合

    どなたか、お願いいたします。 リンク先のターゲットの指定ですが、 他のフレームを指定する場合、 <a href="test.html" target="main(フレーム名)"> ですよね。 さらに、ページのアンカーポイントへの指定は <a href="test.html" target="top(アンカー名)"> だと思うのですが、 他フレームへの指定で、更にページのアンカーポイントを指定する場合、どうすれば良いのでしょうか? 初心者でお恥ずかしい限りですが、よろしく お願いいたします。

    • ベストアンサー
    • HTML
  • フレームのリンクのやり方を教えてください

    上下のフレームつきのHPを作成しました。 上に画像アイコンを並べて、 それをクリックしたら、下のページにそのURLが出るようにしたいのですが、うまくできません。 ちなみにテキストリンクなら成功しました。 その時のタグが <a href="http://www.~.html" target="上フレーム名">テキスト</a> です。 ちなみに画像アイコンの方は <a href="http://www.~.html" target="上フレーム名"> <img src="画像URL"></a> で、画像リンクのタグにtargetを加えただけのものです。 たぶんこれが間違ってると思うのですが、 どうしたらうまくリンクできるでしょうか? 教えてください。 よろしくお願いします。

  • フレームページへのリンクについて

    上中下3分割のフレームページがあります。真ん中のページの指定の場所へリンクしたいと思い、いろいろやってみましたが、上手くいきません。 やり方として 1.リンク先ページの指定の場所(今回は画像です)を選択し右クリック→リンクの挿入→ラベルを付ける→半角英数で任意に設定→OKで閉じる→ページの保存→フレーム設定ページの上書き保存 2.リンク元のページの指定の場所をドラッグ反転→右クリック→リンクの挿入→ファイル→リンク先のファイル名入力(フレーム全体のファイル名を入力しました)→ターゲット→親ウインドウ→ラベルタグ→ここでラベル入力欄の右端の下向き矢印をクリックしても何も表示されないので、1.のリンク先で入力したラベル名を手入力→OKで閉じる→ページの保存→フレーム設定ページの上書き保存 という手順でやりました。この結果、リンク元をクリックするとリンク先のページに飛びますが、指定の場所へは行かず、なんていうのかなあ、デフォルトの位置とでもいいますか・・・が表示されてしまいます。 どこが悪いのでしょうか?ご存知の方お見えでしたらよろしくお願いいたします。

  • エクセルでフレーム画像を背景化し、文字選択を優先

    エクセル単独で、見積書の書面をつくりたいと思います。 それで、ちょっと豪華にするために、フレーム素材(pngファイル)をA4の枠いっぱいに配置しました。 結果として、一応できたのですが、 A4の画面をマウスで選択するたびに、フレーム素材が選択されてしまいます。 しかたないので、いちいち、素材を移動してから、内容を修正し、また素材を上からかぶせています。 いちいちフレーム素材の画像が選択されないようにする方法はありますか? (フレーム画像を選択したい場合は、ワンステップおいて、選択できるようになればよい) 方法があればよろしくおねがいいたします。

  • 素材のフレームについて

    初心者なのでよろしくお願いします(__) 素材屋さんからフレームを借りてきたのですが、そのフレームの中に画像を入れたりする場合はどのようにしたらいいのでしょうか? ちなみに画像というのは写真ではなくFlashの入っているゲーム?というかそうゆう物です。 私のHPに載せたいのですがHPはgaiax系です。 タグ打ちなんだとは思いますが、どなたかお力を貸してください。

  • gooブログの画像について

    gooブログを開設をしたのですが、ブログ初心者です。 画像を入れたくて、編集 →画像フォルダー →個別アップロードを選び →ファイル指定 参照をクリックして →自分のマイピクチャーから写真を選ぶ →タイトル入れて アップロードをポチとしてます。が、必ず保存するファイル先を選んでください、、、、と 出ます。。。。>< アップロード先ファイル指定とありますが、そこは新規作成フォルダーなどの選択できる ようにならずに、有料のブログフォト加入の案内しか出てません・・・・ クリックも出来ないようになってます。 使い方の説明には、ちゃんとファイル指定の案内が出てくるようになってるのですが 私のページには出てこなくて、画像をファイルできなくて困ってます・・・・ すみません、パソコンも初心者ですので、どうぞ解る方がいたら よろしくお願いいたします。

  • Aフレームからの操作でBフレームに表示

    今日は。 現在HPを作ってるんですが、行き詰ってしまい、質問させて頂きます。 例として、 a.htmlとb.htmlの2つのフレームがあり a.htmlの小さな画像にオンマウスすると、b.htmlのフレームに大きな画像が表示される(別フレームに画像が表示されるのはオンマウス中のみです;) というのがしたくて調べたんですが <a onMouseOver="window.parent.フレームの名前.location.href = '大きな画像';"> <img src="小さい画像" border=0> </a> と書けば良いと言うのを発見し、試してみたんですが、小さい画像は表示されるんですが、オンマウスしても大きな画像がb.html に表示してくれません; 私が書いたのは、bodyの中に <a onMouseOver="window.parent.b.html.location.href = '0.mpg';"> <img src="1.mpg" border=0> </a> です。a.htmlの方に書きました。 上のやつを、b.htmlじゃなくbだけにしても駄目でした。 後、 Window.top.frames['main'].document.getElementById('registerForm').submit(); ってのも見つけたのでためしてみたんですが、ダメでした。 他にも、http://oshiete1.goo.ne.jp/qa1555396.htmlのを試してみたんですが、出来ませんでした。 これは、私がやりたいのと少し違ったので、テキストは表示されないように消したりしました; どなたか解決策を教えて頂けないでしょうか。 どうぞよろしくお願い致します。

    • ベストアンサー
    • HTML