- ベストアンサー
画像を使ってフレーム＆リンクをしたい
こんばんは。 画像を使って、大きく開いてる白い部分にページを表示させて、イラストの顔をクリックするとメニューと言うのにしたいのですが、どのようにすれば宜しいのでしょうか？ 画像をアイフレームにするやり方はわかるのですが、この画像の中にリンクを作るタグがどうしても解りません。 解りやすいサイト様などをご存知でしたら是非お教え戴きたいです。 htmlの知識が豊富な方、力を貸して戴きたいと思いますm(__)m 説明が下手で上手く話しが伝わらなかったらすみません。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
顔、別々にリンクをはりたいのなら クリッカブルマップを使います。 http://tezuka.s9.xrea.com/tips/gazou03.htm http://www.infoseek.co.jp/Topic/13/172/1303/5639/13488/18404 ちなみに、画像をアイフレームにするっという使い方は間違っています。 インラインフレームは画像をどうこうできるというものではありません。
その他の回答 (1)
- fruit893
- ベストアンサー率68% (15/22)
こんばんは。 > この画像を使って、大きく開いてる白い部分にページを表示させて、 書かれている通り、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>
お礼
こんにちは。回答のほうが遅くなってしまい申し訳御座いませんでした。 わざわざhtmlを作って下さいましてどうも有難う御座います! 最初のページだけはちゃんとフレームで表示されたのですが、あとは出来ませんでした(>_<) もしかしたら私のやり方が悪いのかも知れませんが・・・。 <AREA shape="RECT" coords="50,400,130,570" href="1.html" alt="飛び先1"> このように書いてありますが、あの数字は何の数字でしょうか？また、飛び先と言うのは表示させたいアドレスのことで宜しいのですよね？ちゃんとアドレスを入れたのですが表示できませんでした。
お礼
こんにちは。お返事が遅くなってしまい申し訳ありません。 ああいったリンクの方法の名前はクリッカブルマップと言うのですね! 初めて聞きました!! 載せて頂いたサイトからダウンロードしたのでリンクのさせ方は出来ました。有難う御座いますm(__)m