• 締切済み

クライアントサイドイメージマップ

このクライアントサイドイメージマップを作りたいのですが・・ 名前だけ知っていて、作り方がわからないんです。 どうしたらいいのでしょうか?? 解説などをお願いします。

みんなの回答

  • xruz
  • ベストアンサー率50% (72/143)
回答No.3

おはようございますton-tonさん、xruzです。 >クライアントサイドイメージマップを作りたいのですが・・ ということですが、サーバサイドイメージマップはご存知でしょうか? webmonkeyに解説がありましたので下記URLを参照してください。 他の方の質問で「クリッカブルマップ・・・」に答えていますので、そちらも参照してください。 http://oshiete1.goo.ne.jp/kotaeru.php3?q=154508 がんばってくださいね。

参考URL:
http://www.hotwired.co.jp/webmonkey/99/42/index3a.html
全文を見る
すると、全ての回答が全文表示されます。
noname#21343
noname#21343
回答No.2

 NO1の者です。  すみません。NO1の回答の参考URLは間違いでした。こちらをお使いください。googleで「クライアントサイドイメージマップ」「作成方法」で検索した結果です。 http://www.google.com/search?hl=ja&lr=lang_ja&q=%83N%83%89%83C%83A%83%93%83g%83T%83C%83h%83C%83%81%81%5B%83W%83%7D%83b%83v&as_q=%8D%EC%90%AC%95%FB%96@&btnG=%8Di%82%E8%8D%9E%82%DD%8C%9F%8D%F5  申し訳ありませんでした。

全文を見る
すると、全ての回答が全文表示されます。
noname#21343
noname#21343
回答No.1

 こんにちは。  「クライアントサイドイメージマップ」ってのは、ウェブページ上にある1枚の画像に複数のリンクを設定したり、画像の一部分だけにリンクを設定したりする時に使用するものです。  例えば、日本地図を画像として用意して、それぞれのエリア(北海道、関東、四国など)をクリックすると、各エリアのページにジャンプする――ってな感じですね。  で、具体的な作成方法なんですが、説明を始めると長くなってしまうので、お手数ですが下記のURLを参考にして下さい。

参考URL:
http://www.google.com/search?hl=ja&lr=lang_ja&q=%83N%83%89%83C%83A%83%93%83g%83T%83C%83h%83C%83%81%81%5B%83W%83%7D%83b%8
全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • イメージマップはクライアントサイドのものを使えとは?

    最近ユニバーサルデザインに配慮したホームページを作ろう、とか言われてます。読み上げソフトなどでホームページを閲覧する視覚障害者等に配慮したホームページを作るべきだということですけど、そのようなホームページの作り方を書いてある本やウェブサイトにはよく「イメージマップはサーバーサイドのものではなく、クライアントサイドのものを使おう」とか書いてあるんです。「イメージマップ」はわかるのですが「サーバーサイドorクライアントサイドのものを使う」とはどういうことなのか、よくわかりません。なぜそれがユニバーサルデザインに配慮したことになるのかもわかりません。詳しい方ご教授よろしくお願いします。

  • クライアントサイドアプリケーション

    クライアントサイドアプリケーションとサーバサイドアプリケーションとはそれぞれどのようなものでしょうか?

  • クライアントサイドイメージマップのボーダーについて。

    マップの画像自体のボーダーは、border="0"で消せたのですが,円形でリンクを作ってクリックした時の円形のボーダーの消し方が分かりません。<AREA SHAPE="CIRCLE" COORDS="20,30,50" HREF="" ALT="" BORDER="0">でも消えませんでした。 分かる方いらっしゃいましたら、宜しくお願いします。

  • イメージマップでwmvファイルを指定した場合の問題?

    クライアントサイドイメージマップのファイル読込み指定に、wmvファイルを指定した場合、クライアント側のWindowsMediaPlayer で動画再生するので、サーバには負荷が掛からないと思っているのですが、正しいでしょうか。スクリプトには以下の記述例を想定しています。 よろしくお願いします。 <img border="0" src="sample/area.gif" usemap="#sample" alt="サンプル" width="384" height="128"> <map name="sample"> <area href="area.wmv" shape="rect" alt="四角形" coords="15,19,126,104">

  • クライアントサイドスクリプト

    1.クライアントサイドスクリプトでWEBサーバ上のファイル(txt?xls?csv)の有無を確認して、 (なければブラウザに「ファイルがありません」などの表示。) 2.そのファイルの値を変数に取得しておき、フォームに入力された値との計算に使い、 計算結果をブラウザに表示 ということはどのようにしたらできますか? ちなみにファイルのデータはエクセルでいうと7行3列ほどのもので少ないです。 入力された値がエクセルファイルのA列にあればB列の値を乗算するというような感じです。 (値を変数に取得しなくてもできるものなのかどうかもよくわかっていません。) ASP+IIS+VBSCRIPTは少しやったことがあるのですが、クライアントサイドとなるとJAVASCRIPTかVBSCRIPTになるのでしょうか?? サーバの負荷を減らしたくてクライアントサイドでできないかということなのですが・・

  • イメージマップで画像変え

    イメージマップで作成したリンクボタンを使って別の場所の画像を変えることはできるのでしょうか? またイメージマップを使っている画像を上の方法で変えることはできますか?

  • わけがわかりませーん

    画像の一部分をリンクさせて(クライアントサイドイメージマップを使って)、クリックすると新しいウインドウを開く(サイズ指定して)、っていうのがどうやればいいのかわかりません。クライアントサイドイメージマップはできたのですが、それからがわからないのです、、どなたかわかる方いませんか??

  • fancyboxにイメージマップを付けたい

    早急に解決しなければいけない問題なのですが、どうしてもわからず途方にくれています。 どなたか助けていただけませんでしょうか。 fancyboxで表示したイメージ画像にイメージマップを付け、リンクを飛ばしたいと思っています。 https://gist.github.com/2972293 上記のサイトを参考にして一時は上手く行ったのですが、 いくつかの画像にそれぞれ個別のリンクを設定しようとしたところ、同じリンク先にしか飛ばない事に気付きました。 #Mapを増やせばいいのかなと思ったのですが(#Map2や#Map3など) 自分で書いても上手くいきませんでした。 どうすれば複数の画像に別々のリンク先を設定するようにできるでしょうか。 ご回答宜しくお願いします。 一応自分で書いたhtmlを載せておきます。 ----------------------------- <script type="text/javascript"> $(function() { $(".fancybox").fancybox({ padding:0, margin:0, onComplete: function() { $('#fancybox-img').attr('usemap', '#Map'); } }); }); </script> <a href="images/test.jpg" class="fancybox"><img src="images/test.jpg" alt="イメージ" width="138" height="111" /></a> <map name="Map" id="Map"> <area shape="rect" coords="317,347,547,364" href="http://yahoo.co.jp/" target="_blank" /></map> <a href="images/test2.jpg" class="fancybox"><img src="images/test2.jpg" alt="イメージ" width="138" height="111" /></a> <map name="Map" id="Map"> <area shape="rect" coords="317,347,547,364" href="http://google.co.jp/" target="_blank" /></map>

  • クリッカブルマップのタップした場所をハイライト

    クリッカブルマップ(クライアントサイドイメージマップ)の質問です。 Android 4 Chromeにて、クリッカブルマップでタップしたareaがハイライトしません。 iPhone対策のontouchstartなど試しましたがだめ。 <area>にonclickでthis.style.borderを変えても反応せず。 cssでarea:activeなどしてみてもダメ。 よく考えたらクリッカブルマップはPCでもハイライトしないですよね。 ちなみにAndroid 4 ブラウザではハイライトしてくれます。 いい技はないでしょうか? サンプルはこちらです。お手元のスマホでお試しください。 http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html

    • ベストアンサー
    • CSS
  • スクリプトタイプ/サーバーサイドとクライアントサイド

     こんにちは。現在プログラミングについて調べているのですが、以下について確認したいので教えてください。 *スクリプトタイプのプログラミング言語とは何か(ユーザーがわざわざコンパイルする必要がない、ということでいいのでしょうか?) *サーバーサイドプログラミングとクライアントサイドプログラミングの違い、また両者の代表的な言語  よろしくお願いいたします。

TK-FBP101 文字が連打が止まらない
このQ&Aのポイント
  • PCキーボードのモデル「ELECOM TK-FBP101」を使用している際に、文字が連打が止まらない現象が発生しています。
  • 先程PCを使用していたところ、突然文字連打が止まらなくなりました。ネット検索をしても解決策を見つけることができませんでした。
  • 使用しているPCキーボードの「ELECOM TK-FBP101」で文字連打が止まらなくなる現象が発生しており、復旧手順を教えていただけると助かります。
回答を見る

専門家に質問してみよう