• ベストアンサー

画像の中のリンク

どう、どこを調べればよいかわかりません。 画像自体をクリックし他のページなどにリンクさせる方法はわかりますが、画像の一部にリンクを埋め込む方法ってわかりますか? 例えば、人が名刺を差し出している画像があるとします。その名刺の部分だけがクリックできるような感じです。(クリックボタンの画像への埋め込みかたでもいいです) もしくは組織図画像があって、そのそれぞれの部分にリンクを埋め込むやりかたでもいいのですが。 HTMLでできるのでしょうか?どうぞご教授ください。

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

  • ベストアンサー
  • hiroko771
  • ベストアンサー率32% (2932/9040)
回答No.1
ame-sanc
質問者

お礼

すいません、ありがとうございました。気をつけます。

関連するQ&A

  • リンクしてる画像

    ボタンを画像で作り、 別のページにリンクさせるようにしたのですが、 その画像の枠が、丁度テーブルの大きさで 青くなってしまいます。 それを消すにはどうしたらいいのでしょうか? リンクしてるからだと思うのですが、 非表示にするにはどうしたらいいのでしょうか? 途方にくれています。 HTML嫌いになりそうです。。。(泣)

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

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

    • ベストアンサー
    • CSS
  • 一枚の画像に何箇所かリンクをはるにはどうしたらいいですか?

    たとえば 一枚の画像に ゾウ キリンが描かれていたとします。 その一枚の画像じたいにはなにもリンクをはらず、ゾウとキリンにリンクをはりたいんです。 ゾウの絵の部分をクリックしたら別のページにあたらしい窓で飛び、キリンの絵をクリックしたらまた別のページに新しい窓で別のリンク先に飛びたいのですが、どうやってできるんでしょう? フリーソフトでありますか? それともソフトがなくてもできますか? 初心者なので詳しく教えていただけるとうれしいです。

  • 画像内リンクについて

    ホームページの操作方法を説明する、 クリッカブルを作成しています。 HTMLにホームページのキャプチャ画像を貼り、 実際のホームページのように、 画像のリンク文字部分をクリックすると、 指定したリンク先に飛ばすといったものを作っているのですが、 画像内の特定の座標をクリックしたとき、 同じ画像内の別の座標に飛ばすということは出来ますでしょうか。 方法はタグでも何でもいいですが、 社内ネットワーク内だけで公開するものなので、 ローカル環境で動くもので、ご提案いただけるものがありましたら ご教示ください。

  • 画像の中に複数のリンクを貼る。

    いつもお世話になっております。 今日質問したいのは件名の通り・・・。 たまに、画像の中にリンクを貼っているサイト様を見かけます。 たとえば、ドラえもんとどこでもドアとのび太君が描かれている絵があったとして、 画像全体ではなくどこでもドアをクリックすると別のページに飛ぶ・・・ といった感じのものです。 これを応用して、サイトのコンテンツをレストランのメニューのように描いて、 それぞれの部分をクリックするとそのページに飛ぶ、 といったことをしたいのですが、どのようにすればできるのでしょうか? また、そういった作業をすることによって 極端にページが重くなったり、環境によってページが閲覧できない人などが 出てくる可能性はありますか? わかりにくい文章で申し訳ありません。 よろしくお願いします。

  • ホームページのリンクの貼り方

    ワードを使い、四角形の中を塗りつぶし、文字を書いた図の部分をホームページ上で再現し、クリックすると、別の図に飛んでいくように、リンクを貼るにはどのようなHTML言語で表現をすればよいのでしょうか。図から図に飛び、またその図をクリックすると別の図に飛んでいくように、リンクを続けて貼るにはどのようなHTML言語で表現すればよいのでしょうか。教えてください。

  • 背景画像をリンクにする?

    タイトルの通りなのですが、よくブログなどにある、headerの部分を画像にしてtopへのリンクを張る方法が分かりません。 例えば森永卓郎さんのブログだと、タイトルの「つながるモリタクBLOG」の部分にリンクが張ってあり ブログのトップページに移動するようになっていますが、このクリックできる範囲を広げて、 緑色の背景画像の部分をクリックしても同じく移動できるように指定することはできませんでしょうか? 単に画像にリンクを張るだけならできますが、背景にしてみたところ詰まってしまいました…。 よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • リンクする画像とテキストをくっつけるには?

    ブログでHTMLタグを使いたいのですがまだよく分かりません。 テキストをクリックしたらリンクするためのHTMLタグは次の通りですよね。 <a href="リンク先URL">表示するテキスト</a> 画像(写真)をクリックしたらリンクするためのHTMLタグは次のようになりますよね。 <A Href="リンク先URL"><img src="画像のアドレス"><A>  私は現在、テキストと画像の両方を同じサイトにリンクさせるのに、上の二つのタグを使っているのですが、本文に表示されると二つが離れてしまいます。よく、画像とテキストが一体化しているのを見るのですが、そうするにはどうしたらいいのでしょうか?ご教授願えませんか?

  • リンクで画像を置き換えたい

    初心者ですが、よろしくお願いします。 たとえば 001.jpg 002.jpg 003.jpg という3つの画像ファイルがある場合に、 ---------------------------------- <html> <body> ~省略~ <a href = "#" onclick = "change_img(1)">画像1</a> <a href = "#" onclick = "change_img(2)">画像2</a> <a href = "#" onclick = "change_img(3)">画像3</a> <img src = "XXX.JPG> </body> </html> ---------------------------------- のような感じで画像1,2,3のリンクをクリックすることで、 ページ切り替えるのではなく、 XXX.JPGの部分のみ切り替えるscriptを考えているのですが、 ご教授願いないでしょうか? 要望としては、切替候補の複数の画像は ページをロードしたときに最初に全て読み込んでおいて、 リンククリック時の画像の切替をスピーディにしたいと考えています。 サンプルの上記例にそくしたサンプルのコードなどを 回答いただけると助かります。 よろしくお願いいたします。

  • インラインフレームにリンクするには

    お世話になります。 少年野球のホームページを作っていますが、リンクボタンを5つ作り、同じページにインラインフレームを一つ作って、リンクボタンをクリックすると、インラインフレーム内に表示させたいのですが、その方法が分かりません。HTMLで作っています。どなたかご教示願えますでしょうか?よろしくお願いいたします。

専門家に質問してみよう