- ベストアンサー
バナーにリンクを埋め込む方法
お教え下さい。 バナーにリンクを埋め込む方法（とでも表現すればいいのでしょうか？）を探しています。 バナー画像上に「クリック」とか「詳しくはココから」などの表記が施してあり、そこをクリックすると指定されたリンクサイトに飛ぶものです。 つまり、１枚のバナー画像上に複数のリンク先を埋め込むことを行ないたいのですが、方法をお教え下さい。宜しく御願い致します。
- 3chi
- お礼率97% (74/76)
- その他（プログラミング・開発）
- 回答数4
- ありがとう数4
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
とりあえず、どこにあるのかも探すのが困難かと思い、 ＃２さんの説明を補足します。 「とほほの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 で、とりあえず例示を書き写して いろいろ書き換えたりして、 どこをいじると何がどう変わるか試してみると良いかと思います。 その上で改めて判らない処を質問しないと、 回答する側も、１から１０まで説明するという事は困難なので・・・。 尚、どうしても理解不能で それでも望む事を実現したいのなら、 そのデザインを縦線や横線など記号，文字で提示して、 丸ごとソースを教えてもらう以外にないかと・・・。 もちろん、応用（変更，使い回し）は無理でしが・・・。
その他の回答 (3)
- koutarou504
- ベストアンサー率44% (182/407)
＃３の者ですが、画像の座標は、 画像をペイントで表示。 表示で拡大表示する。 座標を求めたい処に、マウスカーソルを移動する。 以上でペイントの右下の辺りに、座標点が表示されるはず・・・。 一応、とほほさんの例示をコピーし画像もＤＬさせて頂いて、 多少の加工をした後に動作確認し、 その上で、今回提示した方法で得られた座標点が 例示で記述されている数値とほぼ同じ事を確認済みです。
お礼
ご教授度々有難う御座いました。 結果、理解でき、上手くページにも表示できました。 動きも完璧であります。 ペイントにこのような使い方があったとは、まったく知りませんでした。・・・何度も使っていたのに・・。 見ず知らずの者に、夜遅くまでアドバイス頂き、本当に有難う御座いました。 感謝しております。
おそらくクリッカブルマップというやつです。 （一枚の日本地図の画像があって、都道府県をクリックすると、それぞれの都道府県のページに飛ぶようなもの） 画像の座標を範囲で指定して、それぞれにリンクを設定するのです。 方法はHTMLを解説しているサイトや本をご覧ください。 （参考URLにはこちらでもたびたび紹介されている「とほほのWWW入門」を載せておきます。）
お礼
早速のご回答有難う御座います。 「とほほ」を見たのですが、知識がなく、私には難しすぎて・・・。 もしも、もっとわかり易くお教えいただけるなら、又は、他に、素人でもわかるサイトをご存知でしたら是非お教え下さい。 御願い致します。
- OUHO
- ベストアンサー率28% (11/38)
基本的に説明が不十分です。 バナーにリンクを埋め込むというのは、画像でリンクを行ないたいという事でしょうか？ その場合は、 ――――――――――――――――――――――――― <A Href="リンク先のURL"><Img Src="画像URL"></A> ――――――――――――――――――――――――― で表示する事が出来ます。 画像URLの部分にはバナーであるならば、バナーのアドレスを、入れれば可能です。 ですが、バナー画面上に複数のリンク先となりますとよく意味が分からないのですが、上記の方法ではない場合、もう一度詳しく補足していただければ、できるだけ答えたいと思います。
お礼
ご回答いただく前に、他の方のアドバイスで解決できました。 色々と有難う御座いました。
補足
早速のご回答有難う御座います。 ANo.2 さんのお答えの内容になるのですが、「とほほ」を見たのですが、知識がなく、私には難しすぎて・・・。 もしも、もっとわかり易くお教えいただけるなら、又は、他に、素人でもわかるサイトをご存知でしたら是非お教え下さい。 御願い致します。
関連するQ&A
- リンクバナーについて。
先日はここの掲示板で習い、どうにか私のサイトに、自分のバナーを貼ることが出来ました。かなり有頂天状態でした。 しかし、バナーができたら、「相互リンク」しましょ。 とか言われました。正直嬉しかったのですが、 人様のバナーを貼る方法が分かりません。 自分のバナーを貼り付けることはできます。 しかし、画像をクイックすると、ＨＰに行ける方法（おそらく、リンクバナー）が分かりません。 『gooの簡単ＨＰ』を使っています。 どなたか、ソースＯＲ方法を教えてくれませんか。 どうぞよろしくお願いいたします。
- ベストアンサー
- その他（インターネット・Webサービス）
- リンクバナーをつくりたいのですが・・
お友達にリンクしてもらう為のリンクバナーをペイントでつくりました。 ＨＰにＵＰしましたが、よく素材やさんなどで、素材を持ち帰る時の“右クリック”→“名前をつけて保存”がクリックできる状態になりません。 単純に、画像（リンクバナー）をつくって、セルに貼っただけなのですが、これではいけないのでしょうか？ お持ち帰りしていただけるようにするにはどうすればよいのか教えていただきたいのですが・・ ＨＰはＷｏｒｄで作成しています。
- ベストアンサー
- HTML
- □バナーとリンクとタグの貼り方を教えてください
□バナーとリンクとタグの貼り方を教えてください http://okwave.jp/qa/q8453413.html アメーバブログにこのサイトの下記の画像でバナーを貼りたいのと、 http://www.sukebo.com/ http://www.sukebo.com/img/ban/h_ban.gif 自分のサイトに上記同様にこのサイトの下記の画像でバナーを貼りたいです。 http://www.sukebo.com/ http://www.sukebo.com/img/ban/h_l_ban.gif 同じくこのサイトで募集記事にアメーバブログの記事のページへ文字をクリック してリンクで飛べるように貼りたいです。 http://www.sukebo.com/c/h1_tboard010/tboard010.cgi 試行錯誤してみましたが、ダメでした。アメーバブログから他のサイトに文字を クリックしてリンクさせる方法はなっとなく出来たのですが、よく分かりません 。 あと、バナーとリンクとタグの正確な意味と仕様と違いはなんですか？ それぞれの貼り方を教えてください。 サイト制作などに詳しい方、ご教授のほどよろしくお願いします。
- ベストアンサー
- ブログ
- バナーを保存してリンクする方法
ブログにバナーリンクを貼りたいのですが、バナーを保存してリンクしてくださいとの指定があるとき、バナーをマイＰＣに保存するまでは理解できています。その後の方法がわかりません。タグ等もご指導ください。
- ベストアンサー
- ブログ
- リンク集にバナー画像を登録したいが・・・
こんばんは。 現在フリー素材のサイト様から自動リンク集を借りてリンク集を作成しているのですが、バナー画像の登録の仕方がよくわからないのです・・・ リンク先にはそのページのＵＲＬを入れればいいまではわかるのですが、バナーの所も「http://・・・」で始まっていて、登録の仕方がよくわからないのです。 リンク先のサイトさんは画像が置いてあるだけで、アドレスがついているわけではないし・・・ きっとＨＰ作成には基本的な知識だろうとは思うのですが、わからないので教えてください。 お願いしますm(__)m
- ベストアンサー
- フリーウェア・フリーソフト
- サイトのバナーの貼り方について
ＰＣ初心者です。リンクに使う画像バナーってありますよね？私は自分のイメージに合うものをフリー素材のサイトさんから持ち帰りして、そこに文字入れまではやったんですが、そこからどうしたらいいんでしょうか？まず、お伺いしたいのは友達のサイトをリンクしたい時は→<a href="リンク先のURL"><img src="画像URL" border="0"></a> でリンク貼れますか？ この【画像ＵＲＬ】っていうのはリンクを貼りたいサイトから右クリックで持ってきた画像の画像名の事とはまたちがいますか？ もう一つお伺いしたいのはサーチとかに登録する際、自分のサイトの画像付バナーを貼りたいときも上のでいいのかどうか。。という点です。 画像URL というのがよくわかりません。すいませんが、よろしくお願い致します。
- ベストアンサー
- その他（インターネット・Webサービス）
- リンクバナーの貼り方を教えて下さい
最近、「アセラ」っていう動物専門のとこでブログを作ってるん ですけど、トップの右サイドバーにこんぱまるさんの画像は、 アップロードして貼れたんですけど、トップ画面に戻って こんぱまるさんのリンクバナーをクリックしてもこんぱまるさんの ページに行かないので、ブログ村みたいにリンクのソースが 書いてあったらわかるんですけど、リンクバナーの画像をご自由に お使いくださいって書いてはあるんですけど、ちゃんとした貼り方 を教えて下さい。あと、直リンクは、ダメって書いてあるとこ とかもありますけどあれは、ブログに貼ってはダメって事なのでしょうか?!
- ベストアンサー
- ブログ
- 複数のリンク先を持つバナー
複数のリンク先を持つGIFアニメバナーを、HTMLで記述する方法を教えてください。訪問者がクリックした時、どのリンク先へ飛ぶかの決定のきっかけは、乱数でも秒でも分でも、訪問者に分かりにくければ何でもよいです。 ただし、制約があります。通常のホームページではなくBlogです。試してみたところ、JavaScriptが動かないようでした。
- ベストアンサー
- CSS
- アフィリのバナーの貼り方を教えて下さい？
モーションリンクアフィリエイト提携先のバナーを貼るのは簡単です。 ところが、鉄人アフィリエート提携先のバナーは貼れません。やり方を理解していないためです。このような画面がでます。 画像素材について： 各広告素材は「ダウンロード(名前を付けて画像を保存)」してお使い下さいませ。 確かにこの素材をブログに貼ることは出来ましたがクリックもできなければ、サイトの表示ももちろんできません。 通常バナーというのはクリックできてサイトが出現するものです。
- ベストアンサー
- ブログ
補足
ご教授有難う御座います。 あれから、色々試したのですが、結局のところ 座標点の採り方が今ひとつ判らないだけとなりました。 だいぶ、理解できたと思います。 恐れ入りますが、座標の採り方をご存知でしたらお教え下さい。 調べたのですが、”0,0”で、その画像の一番左端上をさすのですが、四角形、台形、丸の場合のそのほかの部分の座標（線でつなげる先の座標点）を簡単に出す方法を探しております。 宜しく御願い致します。