• ベストアンサー

こういうリンクはどうやって・・・?

こんにちは。 えーっと上手く説明出来るかどうかわからないんですが、 「自己紹介」とか「掲示板」とかのロゴを一つの画像にしますね、 それのファイル名が例えば「menu_top」とします。 それで「自己紹介」のロゴの部分をクリックすると 自己紹介のページに飛ぶんです。リンクですね。 それで「掲示板」のロゴの部分をクリックすると 掲示板に飛んだりするんですよね。 わかられますか? ひとつの画像の、一部分、一部分にそれぞれ 違う別々のリンクを張る、ということです。 本当は「こういうかんじですー」見本(といったら失礼ですが)に 上記の事をやっているサイトのURLを載せたかったのですが、 個人情報の公開につながるそうなので出来ませんでした。 何か補足を要す箇所があったら遠慮なく申し上げてください。 宜しくお願いします。

  • HTML
  • 回答数3
  • ありがとう数2

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

  • ベストアンサー
  • yu-zu-ko
  • ベストアンサー率44% (22/49)
回答No.3

そういうのを「クリッカブルマップ」を言います。 クリッカブルマップを作成するソフトもフリーウェアでいろいろありますよ。 利用してみてはどうでしょうか。 参考URLは、Vectorに登録されているフリーウェア/シェアウェアを、「クリッカブルマップ」のキーワードでgooで検索した結果です。 riroruさんに合った、使いやすいソフトが見つかるといいですね。

参考URL:
http://channel.goo.ne.jp/download/search/search.php3?MT=%83N%83%8A%83b%83J%83u%83%8B%83%7D%83b%83v&CD=1&SW=1&OS=3&catego
riroru
質問者

お礼

わぁっ ありがとうございます! 早速一つダウンロードしたところ すごく簡単な操作で出来てしまいましたよ! 選択範囲を指定してリンク先を入力しただけで タグがでてきて・・・・。 簡単に楽に出来てしまいました! どうもありがとうございます!

その他の回答 (2)

  • taknt
  • ベストアンサー率19% (1556/7783)
回答No.2

多分、AREAタグというので、できると思いますが、いかがでしょうか? 詳細は、下記URLを参照してください。 http://www.parkcity.ne.jp/~chaichan/src/htmmap.htm http://www.htmq.com/html/area.shtml

riroru
質問者

お礼

あ、はい。お早い回答ありがとうございます。 たぶん(というかおそらく絶対)これだと思います。 拝見したところhumourさんがおっしゃられたように なかなか難しそうですね。数値指定でリンクされたモノの 位置をきめるとは; なかなか手強そうですが、それでもやってられる方を 何人かお見かけしていますので、がんばってみます。 どうもありがとうございました。

noname#5549
noname#5549
回答No.1

こんばんは。 えーと、仰る意味は何となく分かるのですが、 大抵のページは、そうであるようにみせかけて、 実は細かく区切ってたりするものです。 まずは仰るページが本当にひとつの画像の中に複数のリンクを持っているか確認してはいかがでしょう? で、実際に方法があるかと言えば、いくつかあります。 簡単なのは、TABLEタグを使って、背景に画像を指定、 リンク部分に透過GIFを使うパターンです。 あとはリンク場所を数値指定する方法ですが、 これは想像通りに行かないことが多いのであまりお勧めできません。 個人的には画像を切った方が早いし便利なのでそちらをおすすめしますが。

riroru
質問者

補足

はい。ご回答ありがとうございます。 そちらの件なんですが、ひとつの画像であることは ソースを見て(あまりいいことではないんですが)確認済みです。 テーブルタグで・・なんですが、透過GIFは使えないんです。 なぜかというと、背景透過に伴い、ロゴ自体もうすーく透明に してあるので、ひとつの画像として保存すると背景かロゴが透過 されなくなってしまうんですね。 きりとり方もあったんですかー それは知りませんでした。 どうもありがとうございます。

関連するQ&A

  • 直リンクの防止

    毎日更新している自分の画像を、掲示板サイトや直リンクサイトで「画像url」で書かれてしまった場合に対する対処策で悩んでます。 -------------------------------------------- 例 http://www.○○○.com/koshin/mainiti6-26.jpg -------------------------------------------- 画像リンクのクリックを、トップページに転送することはできないのでしょうか。 防止策のあるcgiとかがあれば紹介してほしいです><

    • ベストアンサー
    • CGI
  • 画像の一部からリンク先へ

    HPビルダー6.5を使って作成しています。 画像の一部分っをクリックするとリンク先に飛ぶ、 というようなリンクを張ることが出来ますでしょうか? 例えば、メニューを一つの画像で作って、それぞれのメニュー項目の部分をクリックするとリンク先へ飛ぶ、というような・・・

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

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

    • ベストアンサー
    • CSS
  • webデザイン リンクについて

    初歩的な質問失礼します。 リンクに関する質問をいくつかさせてください。 1. ページのフッター部分によくある「ページトップへ戻る」リンクボタンですが、   一般的なurlの指定の方法はあるのでしょうか?   href="#" では間違いでしょうか? 2. 同じページ?へのリンクのurl指定方法   (例えば、ある会社のサイトの「home」というページにおける、グローバルナビの「home」ボタンや、ページトップにある、クリックすれば「home」にいくロゴ画像へのurlの指定方法。 ) 2つ目はちょっと説明が下手ですが..... どなたか教えていただけないでしょうか?よろしくお願いいたします!

    • ベストアンサー
    • HTML
  • FC2ブログのTOP画像にリンクを付ける方法

    FC2ブログのTOP画像エリアの画像にリンクを付ける方法がわからないのですが・・・ テンプレート hiyoko-menu950 このテンプレでTOP画像を設定してある記事からこのTOP画像をクリックするとトップページに 飛ぶように設定したいです。 ご教授よろしくお願いいたします。

  • リンクをクリックして、その後、色が変わるんです。。

    えっと、HPを作るのはかなりの初心なんですけど、 リンクを作って、トップページとか自己紹介ページとかにつなぐとして、 文字がクリックできるようになりますよね? それで、そのボタンをクリックしてから、 文字の色が変わってしまうのです、 それで、背景の色とかぶって読みづらくなってしまいます。 でも、背景はかえたくないので、 クリックしたあとの、文字の色のかえ方を教えてください!!

    • ベストアンサー
    • HTML
  • どのリンクが表示されているかのスクリプトを作るには?

    こんばんわ。 http://www.umechando.com/javascript/index.html様の左側にあるメニュー部分なんですが、リンクをクリックするとそのリンク部分の左側に、赤い矢印の画像が表示されます。 これは、スクリプトで処理されているようなんですが、どのような構造になっているのでしょうか? ヒントでもサンプルでもいいので、よろしくお願いします。

  • 画像内リンクについて

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

  • 画像にリンク

    ホームページビルダー7にてHP作成しております。画像のロールオーバーを作成しましてメニューボタンを作成いたしました。そのボタンを「お問合わせ」とし、メールへリンクするようにしたいのです。通常の画像や文字などからは右クリックで「リンクの挿入」を指示しメールへリンクが出来るのですが、画像ロールオーバーで作成したものにリンクしようと思ってもできません。右クリックしますと「リンクの設定」というメニューはグレーになっていてクリックできません。右クリックし「属性の変更」でリンクの指定が出来るのですが、ファイルが対象になっているようでメールへリンクすることはできないようです。ご存知の方がいらっしゃいましたらよろしくお願いいたします。

  • 同時に2箇所にリンクは可能?

    いつもお世話になっております。 カテ違いだったらごめんなさい。 たとえば、フレームページで 左がメニュー。右がメイン。という場合 左のメニューの中の画像ボタンをクリックすると、 左のメニューのデザインが変わり、右のメインも変わり。 というふうに、ワンクリックで2ヶ所のリンクに同時にジャンプすることはできるのでしょうか。 よろしくお願いします。

専門家に質問してみよう