• ベストアンサー

1つの画像の中に複数のリンクを設定するには

creoの回答

  • ベストアンサー
  • creo
  • ベストアンサー率46% (7/15)
回答No.2

ユーザーサイド・クリッカブルマップが使えます。 HTMLのタグにMAPというのがあるのですが、記述の仕方がちょっとややこしいのです。 // <IMG SRC="***.gif" USEMAP="#hoge">マップのロード // <MAP NAME="hoge">--ここに範囲指定など--<MAP> と、こんな感じです(分かりにくいですね) 範囲指定するには、形状(area shape)と領域(coords)、リンク先(href)などをかかなければなりませんので、結構面倒ですよ。 タグを生成してくれるソフトもあるようなので、VECTORさんなどでお探しになってみては? 「クリッカブルマップ」で探せると思います。 もしくは、市販のホームページ作成ソフトの中に、そういった機能がかくれていることもあります。(自分の場合がそうでした)

参考URL:
http://www.vector.co.jp/
wing
質問者

お礼

解説ありがとうございます。 参考にしながら検討してみます。

関連するQ&A

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

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

  • 一枚の画像に何箇所かリンクをはるにはどうしたらいいですか?

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

  • 画像とリンクについて

    http://storeuser12.auctions.yahoo.co.jp/jp/show/auctions?userID=newest_co_jp&f=&u=;newest_co_jp&tp=&alocale=0jp&mode=1 このページのトップの看板バナーの”TOP”と”会社概要・・・””お問い合わせ”の部分にリンクがはられているのですが、このバナー全体をデスクトップに画像で保存すると、そのバナーの”TOP”などのリンクがなくなります。これは、どのようにリンクをはっているのでしょうか?デスクトップに落としたデータは画像にしかならないですが・・・?バナーの一部分にどのようにリンクをはるのでしょうか?

    • ベストアンサー
    • HTML
  • 画像の中のリンク

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

  • 画像リンクのデザイン

    HP製作で悩んでいます。 ページ全体のデザインをcssファイルに記述し、その中にa要素のデザインも記述しました。 そのcssを外部参照しているので勿論全ページのa要素にそのデザインが反映されます。 画像でリンクしてる部分もあるんですが、そこにまで反映されていて困っています。 画像でリンクしている部分のa要素だけを別のデザインにしたいですが可能でしょうか?

    • ベストアンサー
    • HTML
  • 複数の画像をリンク設定し、サイズ、位置を指定してそれぞれ別ページにリンク設定する場合

    ホームページを作成している最中です。 画像をクリックした際に、リンク先はリンク元の拡大画像を表示し 画像サイズと位置を指定するよう設定しています。 例えば、そのリンク元の1ページに縮小画像が複数有る場合、 どのように記述すればよいのでしょうか。 現在はこんな感じとなっています。 -=-=-=-=-=-=-=-=-=-= <SCRIPT language="JavaScript"> <!-- function openwin() { window.open("http://●●●.net/guide_a.html", "", "scrollbars=yes,width=420,height=270,top=100,left=80,scrollbars=no"); } //--> </SCRIPT> -=-=-=-=-=-=-=-=-=-= 省略 -=-=-=-=-=-=-=-=-=-= <TD><A href="javascript:openwin();"><IMG src="image27.jpg" width="150" height="94" border="0"></A></TD> ↑この画像をクリックすると、上記で指定したサイズ、位置で画像が表示されますが 同じページにリンク元が複数ある場合、どのように記述すればよいでしょうか。 例えば、下記の別の画像も同じように、違うページに設定したいです。 <TD><A href="javascript:openwin();"><IMG src="image17.jpg" width="150" height="94" border="0"></A></TD> リンクしたいページ http://●●●.net/guide_b.html 今の状態ですと、リンク元の画像は同じページ内にあるため image17もimage27も同じリンク先(http://●●●.net/guide_a.html)に飛んでしまいます。 これをそれぞれ別ページにリンク設定したいです。 image27→http://●●●.net/guide_a.html image17→http://●●●.net/guide_b.html 大変わかりずらい説明で申し訳ありません。 素人なのでいまいち説明の仕方がよくわかってないです。。。 どうぞよろしくお願いいたします。

  • ヘッダ内に複数のリンクを埋め込みたいのですが

    アメブロでタイトル部分をカスタマイズしたいのですが。。。 まずタイトルの画像の上部全体をそのブログのTOPへのリンクにしたいです。 更に画像の下部に2つか3つ位、自分が別でやっているブログへのリンクを埋め込みたいのですが。。。 可能でしょうか? 説明下手で済みません、宜しければ教えて下さい。

  • 画像のリンクについて

    よく画像をクリックすると 別のページとかに飛んで行きますよね? そこで質問なんですが、一つの画像に 複数のリンクを付けることは可能ですか? 例えば・・一つの画像を右上・左上・右下・左下とで 別のページにリンクできるようにする… こんなことってやろうと思えば出来ることでしょうか??

  • 画像のある部分にリンクをはりた~~~い

    画像のある部分にマウスを持っていくと、そこからリンク先に飛べるようにしたいんですが、そういうことはかのうでしょうか? つまり、もうすでに画像として存在する絵を背景にして、そこのある部分、たとえば、自動車の絵だとすると、ヘッドライトの部分にマウスをもっていくと、リンク先に飛べるようにしたいんです。 そういうことは可能ですか?

    • ベストアンサー
    • HTML
  • 画像の中にリンクバナーを入れる

    画像の中にリンクバナーを入れることは出来ますか? 検索した結果クリッカブルマップとういうことを知ったの ですが、どうやら文字のリンクは挿入できるみたいなのですが リンクバナーのことは載ってませんでした。 具体的にどのように使いたいかというと、自分の作った絵に アフィリエイトなどでよくある商品やショップなどのリンク バナーを張るということです。 何かわかりましたら詳細お願いします。 参考ページ、ソフトなどがあったらうれしいですm(_ _)m