• ベストアンサー

gif 画像上の ボタンに リンクを張るには?

HP 上の gif画像ファイル にいくつか小さなボタンを配置して それぞれの ボタンに リンクを張りたく思います。 gif 画像上の ボタンに リンクを張るには?どのようにすればいいのでしょうか?

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

  • ベストアンサー
  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.2

画像に、適当な範囲でリンクを作るには MAPタグを使うとできます。 (補足で示されたサイトもMAPを使っています、 ちなみに画像上のボタンに見えるものはもともと画像の一部で、 画像の一部の領域にリンクを設定しています) MAPの使い方については参考URL参照

参考URL:
http://www.htmq.com/html/map.shtml
kishigenn
質問者

お礼

ブルーピクシィ様 ほんとにありがとうございました 簡単な参考書には載っていませんでした よく分かりました

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

  • wrina
  • ベストアンサー率33% (1/3)
回答No.1

gif画像上の ということは、1つのgif画像上にリンクを張るのではないのですよね。 その前提でお答えしますと、 私の推測でしかありませんが、そのように見えるサイトがあったとしますが、それは 元は1つであった画像をそれぞれのボタンごとにパズルのように切り離し、それぞれのリンク先をその分かれた1つの画像ごとにリンクさせて、テーブルなんかで配置を整えることで、あたかも1つの画像がいくつもリンクしているように見える。 といった類のものではないでしょうか。

kishigenn
質問者

お礼

http://www.ocoa.gr.jp/map_system/ たとえば 上記のサイトのように gif 上の 個々の アイコンを 押せば それぞれ別々にリンクした別々のHP に 飛びます。

kishigenn
質問者

補足

はい、 1つのgif画像上にリンクを張るのではありません。 一つの gif のなかに いくつも ボタンがあり それぞれ 別々のサイトに リンクされているのです。 ふしぎですね。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • FlashとGIF画像の順番

    超初心者ですので、表現が適切でないかもしれませんが、お許しください。 HP上で各種ボタン(gif)があり、その下にはFlash(swf)画像があり、ボタンの上にマウスを持ってくると、 (1)別画像になる(マウスをはずすと戻る) (2)さらに、下にいくつかの選択するボタン(gif)が表示され、マウスを上に持ってくると、その画像も変わる ようにしたいのですが…。 Flashが配置上に一番上に表示されてしまい、(2)のボタンが表示されません。 HP上では、あまりそのような事はされていないものが多いようですが、できないのでしょうか? 超初心者ですので、できるだけ詳しく教えて下さるとありがたいです。よろしくお願いいたします。

    • ベストアンサー
    • Flash
  • 最後に押した画像ボタンが分かる、アクティブリンクのような(?)画像ボタンを作りたい

    HPを作っています。使用中のソフトはDreamweaverMX2004です。 さて、左端にボタン(gifイメージ)がいくつも並んでいるとします。 各ボタンはロールオーバー指定がなされており、 リンクが貼られています。 ロールオーバーでボタンイメージは /off.gif(通常) /on.gif(オンマウス時) とします。 と、ここまでは普通のロールオーバーだけのものですね。 さて、これを、各3種作ったと仮定して、 /off.gif(通常) /on.gif(オンマウス時) /active.gif(最後にクリックした画像) そして、 ボタンをクリックする→最後に押したボタンが/active.gifの形で残る つまり、訪問者がどのボタンを最後に押したかが一目で分かる この様な手法を、HTMLで作ることは可能でしょうか。 アクティブリンクのボタン画像版といえば伝われば幸いです。 可能かどうか自信がないのですが、 もし可能でしたら、どのようにHTMLを書くのか、 その手法をお教えください。 宜しくお願いいたします。

  • ロールオーバーにして保存したGIF画像にリンクが貼れない

    ホームページビルダー8のウエブアートデザイナーでロールオーバーを作成し、GIFで保存してそれをリンクボタンにしようとしたのですが、リンクできません。 ロールオーバーにした画像にリンクを貼るのはできないのでしょうか? 教えてください。

  • 画像ボタンのリンクと画像の変更について

    画像ボタンのリンクと画像の変更について ただいまHPを勉強中の者です。 サイトの「企業情報」や、「問い合わせ」などのボタンを作成した場合、 その画像をどのようにプログラムで組めばリンク移動できますか? また、マウスポインタをその画像の上に持ってきた時に、 文字の色を変えたり、画像全体の色などを変えるにはどうすればいいですか?? (ボタンを押したら凹ますとか・・・) 色を変えたりなどは、Javascriptでしょうか?? ただいま勉強中で、まだよく理解できていないので、 詳しく説明を入れてもらえれば助かります。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • ボタンにリンクをかけたら、ボタンが表示されない。

    ボタンにリンクをかけずに転送すると、思うとおりにきちんと表示されるのですが、 ボタンにリンクをかけたとたん、ボタンは表示されなくなり、画像枠と代替テキストが表示されてしまいます。 またそのボタンを配置したフレームの背景gifも反映されなくなります。 何度もフォルダーをつくりなおしたり、試行錯誤しているのですが・・・・ 制作に使っているPC上ではボタン表示も背景も問題ないのですが、他のPCではこの問題が起こっています。 アドヴァイスのほどよろしくお願いいたします。 ホームページビルダー9を昨日アップデートして使っています。

  • ビルダー9におけるGIF画像の保存について

    GIF画像は全てマイドキュメントに保存しています。ビルダー9でページを作成し保存する際、すべてGIF画像は上書き保存せずに、「上書き時に自動的にファイル名を変更する」ボタンを押して保存しています。で・・・・マイドキュメントをみてみたら・・・なんと!同じ画像がたくさんありました。(あたりまえか)。同じ画像は、一つにまとめたいと考えているのですが、どうすればいいでしょうか? 画像を1つ消すとHP上で、そのファイル名のGIF画像が消失してしまうと思うのですが、どうでしょうか?

  • GIFやBTPファイルでボタンを作りたいのですが。

    GIFやBTPファイルでボタンを作りたいのですが。 XP,2007ユーザーです。HPのソースをタグを手書きで書いております。いわゆる「ボタン」が描けないので、表の<td>~</td>の間にいろいろ記入して何とか済ませておりますが、どうも見栄えが悪いので、他のHPのソースを覗いたら、GIFやBTPなどがJPGファイルと同じような使い方で出ておりました。  btpは、WORDで描いたものをPRINT SCREEN でPAINTに載せて、名前を付けて保存しておりますが、トリミングがうまくできないのでMICROSOFT PICTURE MANAGER で画像処理しております。 ところが、特に円や隅切りの長方形などでは余白が映ってしまいしまして、どうも細かいボタンの作成には適していないようです。 というわけで、手際良くGIFボタンを作る方法を教えてください。宜しくお願いします。

  • 配置したFlashの画像をそのままリンクボタンに

    配置したFlashの画像をそのままリンクボタンにしたいのですが、どのようにしたらよいのでしょうか? 配置したflashに<a href>でリンクを設定したのですが、ボタンにならないのです。Flashの編集時点で全体をボタンにするのでしょうか?? なんだか違うような気がして...。 どなたかどうかお教えねがえないでしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • artファイルの画像をgifなどにするには?

    .artファイルの画像で、どうしてもHPの背景に使いたい画像があるのですが、HPにアップロードできるのは.gifなどだけだといわれてしまいました。 どのようにすれば.gifファイルなどに書き換えられるのでしょうか? よろしくお願いします>_<

  • ボタンに画像を使えません

    お世話になります。 セレクトボックスでリンクする(ボタン付き) http://www.tagindex.com/javascript/link/select2.html 上記のサイトの「input type="button"」のボタンでリンクすることはできたのですが、 <input type="image" onClick="jump()" src="画像.gif" alt="" width="201" height="46" border="0" onmouseover="this.src='画像_on.gif'" onmouseout="this.src='画像.gif'"> ↑のようにtypeをimageにして画像をボタンに使おうとしますと、 「?select=&x=92&y=33」とURLの末尾に追加されるだけでリンクができません。 上記サイトのjavascriptを「input type="image"」のボタンで使用するには どのようにすればよろしいでしょうか。 よろしくお願いいたします。

TD-2130Nがパソコンと繋がらない
このQ&Aのポイント
  • パソコンに有線で繋いでも、印刷できない
  • 接続されている有線LANを使っても、TD-2130Nとの通信ができないトラブルが発生しています。
  • TD-2130Nを使用しているが、有線LAN接続の際に印刷できない問題が発生している。
回答を見る

専門家に質問してみよう