バナーにリンクを埋め込む方法

質問

お教え下さい。

バナーにリンクを埋め込む方法（とでも表現すればいいのでしょうか？）を探しています。

バナー画像上に「クリック」とか「詳しくはココから」などの表記が施してあり、そこをクリックすると指定されたリンクサイトに飛ぶものです。

つまり、１枚のバナー画像上に複数のリンク先を埋め込むことを行ないたいのですが、方法をお教え下さい。宜しく御願い致します。

回答No.3

koutarou504 · ベストアンサー

とりあえず、どこにあるのかも探すのが困難かと思い、
＃２さんの説明を補足します。

「とほほのWWW入門」
基本編・画像(GIF/JPEG) －－＞「とほほの画像入門」
「クリッカブルマップに挑戦しよう!!」
http://www.tohoho-web.com/wwwimage.htm#CLICKABLEMAP

こちらの、
◆ 単に絵を並べる方法
なら、とりあえず実現も容易かと・・・。

◆ クライアントサイドクリッカブルマップ
なら、さらに <map> タグの説明を参照し
http://www.tohoho-web.com/html/map.htm

包含可能要素とある、area も参照すれば・・・。
http://www.tohoho-web.com/html/area.htm

で、とりあえず例示を書き写して
いろいろ書き換えたりして、
どこをいじると何がどう変わるか試してみると良いかと思います。

その上で改めて判らない処を質問しないと、
回答する側も、１から１０まで説明するという事は困難なので・・・。

尚、どうしても理解不能で
それでも望む事を実現したいのなら、
そのデザインを縦線や横線など記号，文字で提示して、
丸ごとソースを教えてもらう以外にないかと・・・。
もちろん、応用（変更，使い回し）は無理でしが・・・。

参考URL：

http://www.tohoho-web.com/wwwimage.htm#CLICKABLEMAP

補足

ご教授有難う御座います。
あれから、色々試したのですが、結局のところ
座標点の採り方が今ひとつ判らないだけとなりました。
だいぶ、理解できたと思います。
恐れ入りますが、座標の採り方をご存知でしたらお教え下さい。
調べたのですが、”0,0”で、その画像の一番左端上をさすのですが、四角形、台形、丸の場合のそのほかの部分の座標（線でつなげる先の座標点）を簡単に出す方法を探しております。
宜しく御願い致します。

回答No.4

koutarou504

＃３の者ですが、画像の座標は、

画像をペイントで表示。
表示で拡大表示する。
座標を求めたい処に、マウスカーソルを移動する。

以上でペイントの右下の辺りに、座標点が表示されるはず・・・。

一応、とほほさんの例示をコピーし画像もＤＬさせて頂いて、
多少の加工をした後に動作確認し、
その上で、今回提示した方法で得られた座標点が
例示で記述されている数値とほぼ同じ事を確認済みです。

お礼

ご教授度々有難う御座いました。

結果、理解でき、上手くページにも表示できました。
動きも完璧であります。

ペイントにこのような使い方があったとは、まったく知りませんでした。・・・何度も使っていたのに・・。

見ず知らずの者に、夜遅くまでアドバイス頂き、本当に有難う御座いました。

感謝しております。

回答No.2

noname#86752

おそらくクリッカブルマップというやつです。
（一枚の日本地図の画像があって、都道府県をクリックすると、それぞれの都道府県のページに飛ぶようなもの）

画像の座標を範囲で指定して、それぞれにリンクを設定するのです。
方法はHTMLを解説しているサイトや本をご覧ください。
（参考URLにはこちらでもたびたび紹介されている「とほほのWWW入門」を載せておきます。）

参考URL：

http://www.tohoho-web.com/www.htm

お礼

早速のご回答有難う御座います。

「とほほ」を見たのですが、知識がなく、私には難しすぎて・・・。

もしも、もっとわかり易くお教えいただけるなら、又は、他に、素人でもわかるサイトをご存知でしたら是非お教え下さい。

御願い致します。

回答No.1

OUHO

基本的に説明が不十分です。
バナーにリンクを埋め込むというのは、画像でリンクを行ないたいという事でしょうか？
その場合は、
―――――――――――――――――――――――――
<A Href="リンク先のURL"><Img Src="画像URL"></A>
―――――――――――――――――――――――――
で表示する事が出来ます。
画像URLの部分にはバナーであるならば、バナーのアドレスを、入れれば可能です。

ですが、バナー画面上に複数のリンク先となりますとよく意味が分からないのですが、上記の方法ではない場合、もう一度詳しく補足していただければ、できるだけ答えたいと思います。

お礼

ご回答いただく前に、他の方のアドバイスで解決できました。

色々と有難う御座いました。

補足

早速のご回答有難う御座います。

ANo.2 さんのお答えの内容になるのですが、「とほほ」を見たのですが、知識がなく、私には難しすぎて・・・。

もしも、もっとわかり易くお教えいただけるなら、又は、他に、素人でもわかるサイトをご存知でしたら是非お教え下さい。
御願い致します。