• ベストアンサー

画像を使ってフレーム＆リンクをしたい

こんばんは。 画像を使って、大きく開いてる白い部分にページを表示させて、イラストの顔をクリックするとメニューと言うのにしたいのですが、どのようにすれば宜しいのでしょうか？ 画像をアイフレームにするやり方はわかるのですが、この画像の中にリンクを作るタグがどうしても解りません。 解りやすいサイト様などをご存知でしたら是非お教え戴きたいです。 htmlの知識が豊富な方、力を貸して戴きたいと思いますm(__)m 説明が下手で上手く話しが伝わらなかったらすみません。

  • HTML
  • 回答数2
  • ありがとう数2

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

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

顔、別々にリンクをはりたいのなら クリッカブルマップを使います。 http://tezuka.s9.xrea.com/tips/gazou03.htm http://www.infoseek.co.jp/Topic/13/172/1303/5639/13488/18404 ちなみに、画像をアイフレームにするっという使い方は間違っています。 インラインフレームは画像をどうこうできるというものではありません。

reikachan
質問者

お礼

こんにちは。お返事が遅くなってしまい申し訳ありません。 ああいったリンクの方法の名前はクリッカブルマップと言うのですね! 初めて聞きました!! 載せて頂いたサイトからダウンロードしたのでリンクのさせ方は出来ました。有難う御座いますm(__)m

その他の回答 (1)

  • fruit893
  • ベストアンサー率68% (15/22)
回答No.1

こんばんは。 > この画像を使って、大きく開いてる白い部分にページを表示させて、 書かれている通り、IFRAME タグを使います。 ただ、画像を～ではなく、白い部分に表示したいページを IFRAME タグで表示します。 > イラストの顔をクリックするとメニューと言うのにしたい 『クライアントサイドイメージマップ』という仕組みを使えばできます。詳しくはこのキーワードでWebを検索してみてください。 > 説明が下手で上手く話しが伝わらなかったらすみません。 目的がはっきりしているので、とても分かりやすかったです。実際に作ってみると、以下のような感じになります。(一例です) ------------------------------------------- <HTML lang="ja"> <HEAD> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>ページのタイトル</TITLE> </HEAD> <BODY> <DIV align="center" style="position:relative; margin:40px"> <IFRAME src="http://www.goo.ne.jp/" style="position:absolute; left:30px; top:30px; width:450px; height:350px" title="表示したいページ">フレーム非対応(例えば携帯)の場合に表示する内容</IFRAME> <IMG src="http://****.gif" usemap="#aaa" width="516" height="612" style="border:0px" alt="背景絵"> <MAP name="aaa"> <AREA shape="RECT" coords="50,400,130,570" href="1.html" alt="飛び先1"> <AREA shape="RECT" coords="130,400,210,570" href="2.html" alt="飛び先2"> <AREA shape="RECT" coords="210,400,290,570" href="3.html" alt="飛び先3"> <AREA shape="RECT" coords="290,400,370,570" href="4.html" alt="飛び先4"> <AREA shape="RECT" coords="370,400,450,570" href="5.html" alt="飛び先5"> </MAP> </DIV> </BODY> </HTML>

reikachan
質問者

お礼

こんにちは。回答のほうが遅くなってしまい申し訳御座いませんでした。 わざわざhtmlを作って下さいましてどうも有難う御座います! 最初のページだけはちゃんとフレームで表示されたのですが、あとは出来ませんでした(>_<) もしかしたら私のやり方が悪いのかも知れませんが・・・。 <AREA shape="RECT" coords="50,400,130,570" href="1.html" alt="飛び先1"> このように書いてありますが、あの数字は何の数字でしょうか？また、飛び先と言うのは表示させたいアドレスのことで宜しいのですよね？ちゃんとアドレスを入れたのですが表示できませんでした。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • 複数フレームの一括リンク（インラインフレーム）

    頁内にインラインフレームを二つ配置し、一方はメニュー、一方は本文という形式にしようと思っています。インラインフレームのある頁の画像にリンクを貼って、それをクリックするとメニューフレームにメニュー頁を、メインフレームに本文頁を一度に表示するようにしたいのですが、ウェブ上で見つけたそれらしいスクリプトは上手く動きませんでした。自分の持っているＪＡＶＡＳｃｒｉｐｔの本を見ると、アイフレームを使っているからリンク先の指定が上手くいっていないように思えます。アイフレーム使用でこのようなリンクを指定するのは無理なのでしょうか…？？　過去の質問も捜してみましたが分かりませんでした。回答よろしくお願いいたします。

  • セレクトメニューのリンク

    アイフレームを利用しているのですが セレクトメニューでリンクするタグがありますよね？ 普通だと、その同じ頁内にリンクされるのですが アイフレームを利用しているので他の頁にリンクさせた員です。 セレクトメニューのリンクで他のフレーム（頁）にリンクさせるには どうしたらいいですか？

    • ベストアンサー
    • HTML
  • フレーム内のリンク

    題名が間違っていたので再度。 続けて質問スイマセン。お世話になっています。 2分割フレームを使っています。 左側にメニュー（リンク）、右側のフレームに、リンクをクリックした際に画像を表示させたいですが、上手くいきません。 説明は下手でスイマセン。宜しくお願いします。

  • フレームについて

    ホームページ作成初心者です。 イラストサイトを作る予定なので、右も左もわかならいままトップページはできたのはいいのですが、イラスト展示用のページを作るためのタグがわからずにいます。調べてみましたがなかなか自分の思う通りのものが見つかりません。 イメージとしては、 ・フレームを使用している ・左にジャンル名が並んでいて、それをクリックするとそのジャンルのイラストのリンクが左に出てくる ・さらに左に並んでいるイラストのリンクをクリックすると右のページにイラストが出る といった感じです。わかりづらくて申し訳ないです。 そしてタグもわからないのですが、どういった風にファイルを作っていけばいいのかもわかりません。とても初歩的なことかもしれませんが、どうか教えていただきたいです。

    • ベストアンサー
    • HTML
  • 【html】画像にリンクをつける

    ｈｔｍｌ,css,javascriptに関する質問です。 ページ内の左半分に人間のシルエットの画像があり その頭の部分、体の部分、手の部分をクリックすると それぞれの説明欄が同じページの右半分に表示されるというコードを書きたいのですが なかなかうまく行きません。 説明欄を初め透過度を0にしておいて 画像をクリックすると透過度を１にさせるようにしようと思っています。 しかしそもそも画像をクリックすることが出来ません。 画像をクリックし他のページに飛ばすリンクの付け方はわかるのですが 目的のことができないです。 ご存知でしたらその書き方を教えて欲しいです。 <img class="kao" src="img/kao.jpg" alt=""> またjavascriptを用いてクリックによって透過度を変えるという考えですが 知識がないのでこれ以上のものを思いつきません。 もっと効率の良いものがあればそれも教えていただきたいです。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • 画像リンク

    クリックありがとうございます。 FC2のHPについてです。 ページを作るのをファイルエディタ（？）で行っているのですが、 画像リンクをすると青い枠（クリック後は紫）がついてしまいます。 過去の質問ではタグを使うようになっていますが、タグが使えないようなのです（文字のままでてしまいます） 画像リンクに青い枠をつけないためにはどうすればいいのか、 またファイルエディタでは本当にタグが使えないのか をぜひ教えていただきたいです。 よろしくお願いします><

  • 画像上にリンクを貼りたい

    みなさん、こんにちは。 今、ホームページのリニューアルを考えています。 フレームで左右のページに分けて、左ページにメニューを載せて、右ページをメインにしたいと思っています。 そこまでの工程は一応分かります。 しかし、左ページ一枚の画像の中に、「profile」や「diary」というコンテンツ名を画像ソフトで載せて、そのコンテンツ名をクリックすると、右ページに反映されるようにしたいのです。 画像ソフトでコンテンツ名を載せることも、自分でできます。 しかし、画像の中に載せてあるコンテンツ名をクリック出来るようにする方法が分かりません。 調べたのですが、ビルダーを使うと簡単だということですが、ビルダーを持っていなくて困っています。 タグなどで、画像上に載せたいくつかのコンテンツ名を、リンクできるようにする方法はありませんでしょうか？ もしお分かりの方がいらしたら、教えてください。 参考になるサイト（できるだけ分かりやすいもの）を教えてくださるだけでも助かります。 どうか、よろしくお願いしますm（__）m

    • ベストアンサー
    • HTML
  • アイフレームについて

    よく素材屋さんに行くと、窓の左側とか下にメニューがあったり窓の中に文字とかリンクが貼ってありますよね？ あれをしたいんですが、まず左側にメニュー、右側に窓の画像を表示する時はフレームを２分割しますよね？ それで、右側にアイフレームをつけたいんですが、それは右側のページにアイフレームのタグを一緒に貼るんですか？それとも別にページを作って右側のページにリンクさせるんですか？ 私がしたいのは完全に透過されてるアイフレームをつけるって事なんですが、自分でタグをつけてやると、どうしても真っ白になってしまうんです。スクロールさせたら下の窓の画像が出てくるんですが透過されてなくて…。 何か分かる方がいたら教えてください。

    • 締切済み
    • CSS
  • フレームのリンクのやり方を教えてください

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

  • 隣同士のフレーム間のリンク？

    まるで初心者なので是非教えて頂きたいのです… gooの簡単HPではじめてHPを作ってるところなんですが、 メニューバーのフォントをカスタマイズしたくて 「link」などとフォントを入力したのをフォトショップで 画像としてjpegで保存しました。それをタグで 貼ってリンクできるようにしたら、「profile」をクリックしても メインのフレームは変わらず、メニューのフレーム自体が 「profile」になってしまう事態に。。 メインだけに反映するように出来ますでしょうか？ ちなみにタグは<a href="URL">を使いました。 ちゃんとタグは閉じています。 知っている方がいましたらよろしくお願いします！！

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する