• ベストアンサー

画像の一部をリンク

今ホームページを作っているのですが、 画像の一部をリンクさせるにはどうしたら良い のでしょうか?? 簡単にできるようなソフトなどありますか?? よろしくお願いします。

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

  • ベストアンサー
  • x1turbo2
  • ベストアンサー率45% (88/193)
回答No.5

画像よりマップ作成ソフト 『Client-Side Image Map Maker』 クライアントサイドイメージマップ用のHTMLのタグを作成 http://www.vector.co.jp/soft/win95/net/se104052.html 『Client Side Image Map Editor』 クライアントサイド・イメージマップという機能を簡単にこなせ http://www.vector.co.jp/soft/win95/net/se062427.html 2つ目の『Client Side Image Map Editor』方が簡単かな?           X1turboの友達 hiro。

参考URL:
http://www.vector.co.jp/soft/win95/net/se104052.html,http://www.vector.co.jp/soft/win95/net/se062427.html
mika-RHYMESTER
質問者

お礼

ありがとうございます!とても楽にできました。

その他の回答 (4)

  • onacchi
  • ベストアンサー率15% (20/131)
回答No.4

none123さん。 ご指摘のとおりです。 失礼致しました。 このようなサイトがあると分かりやすいですよね…;;;

mika-RHYMESTER
質問者

お礼

onacchiさんの回答もとても助かりましたよ!!ありがとうございました!

  • none123
  • ベストアンサー率30% (49/162)
回答No.3

クリッカブルマップ(クライアントサイド・イメージマップ) では? 下記のページはリファレンスのようです。

参考URL:
http://www.iyo-jp.com/lab/CLMAP/client/
mika-RHYMESTER
質問者

お礼

ありがとうございます!サイトもわかりやすいですね。頑張ってみます!

  • onacchi
  • ベストアンサー率15% (20/131)
回答No.2

それはHTMLのクリティカルマップという機能(?)で出来ます。 <img src="(1)" usemap="#(2)"> <map name="(2)"> <area shape="(3)" coords="(4)" href="(5)"> </map> (1)画像URL (2)マップ名 (3)形状 (4)座標値 (5)ジャンプ先URL (3)の形状については default : 画像全体 rect : 四角形 circle : 正円 poly : 多角形 となっています。 (4)の座標値の指定方法は default : なし rect : X1,Y1,X2,Y2 (半角カンマで区切って4つのすうちを指定) circle : 中心X,中心Y,半径 (半角カンマで区切って3つの数値を指定) poly : X1,Y1,……,Xn,Yn (半角カンマで区切って偶数個のすうちを指定) とあります。 どうしても分からなかったらまた聞いてください。 また、面倒だというのなら、画像を何個かに分けて、それぞれにリンクを貼り、くっつけて表示するという方法もあります。(ただし四角形しか出来ません) 頑張ってください。

mika-RHYMESTER
質問者

お礼

ありがとうございます!!難しいですけど頑張ってみます!!

  • x1turbo2
  • ベストアンサー率45% (88/193)
回答No.1

画像を分割させて表示させたいって事ですか? 画像の一部(ボタン等)にリンク先を入れたいって事ですか?           X1turboの友達 hiro。

mika-RHYMESTER
質問者

お礼

後者のほうです。質問の仕方が悪くてごめんなさい。。

関連するQ&A

  • 画像リンクについて

    ホームページの画像リンクは基本、その画像全体をリンク化したものですが、この画像の一部をリンク化することは可能なんでしょうか?もし可能ならば、ソースをどうしたらいいのか教えてください。

  • 画像の一部からリンクを貼りたい

    DreamWeaverCS4を使用して、 画像の一部を指定してリンクを貼りたいのですが、どのような操作でできますか。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 画像の一部にリンク設定

    こんにちは、時々 画像の一部にリンクが設定してあったり、 画像の一部に吹き出しがあり、そこにリンクがあったり というサイトを見かけますが、 これはなんという機能なのでしょうか? (使ってみたいのですが、機能名がわからずでして)

    • ベストアンサー
    • HTML
  • html記述:画像一部エリアをリンク

    ホームページのhtmlソースの記述の仕方について伺います。 ◆NO-1 ある画像の一部エリアを指定し、そこにリンクを貼りたいのですが、 そこをクリックすると、別ウィンドウで開くようにするには どうソースを書いたらいいのでしょうか。 初心者なので、なるべく難しくない方法をとりたいのですが、 どう記述したら良いでしょうか。 ◆NO-2 1つの画像の2か所に別々のリンクを貼るという行為を はとれるのでしょうか。その場合、どう記述したら良いのでしょうか。

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

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

  • 画像のリンク

    先日、自作のホームページをサーバーにアップしましたが、テキストと一部の画像は作った通りとなっておりますが、画像部分が×になって見ることが出来ません。 ソフトは、Dream WeaverMXを使用して製作しました。 一部の画像は見ることができるので、制作手順に問題はないと思うのですが、ソフトの使用方法が間違っているのでしょうか。ご解答お願いします。

  • HP 画像の一部にリンクでその部分のみ画像変化

    ホームページを勉強し始めたものですが、今ヘッダーの画像の一部に”問い合わせ”ボタンのようなのがある状態ですが、マウスオーバーさせるとそのボタンの絵だけを画像変化させるようにするのにつまずいています。自分でやるとどうしてもヘッダーの画像にすこしでもマウスオンするとボタンがすでに変化用の画像に切り替わってしまいます。<AREA>を使ってみてもやはりリンクの部分だけでなく、画像全体に反応してしまいます。周りのホームページ詳しい人に聞いても、分かりませんでした。。。 実際のHTMLは下記の通りです。 <div id="header_pic"> <img border="0" src="../../img/元の画像.png" onMouseOver= "this.src='../../img/画像変化後.png'" onMouseOut="this.src='../../img/元の画像.png'" alt="事務所" width="980" height="130" usemap="#Map" /> <map name="Map"> <area shape="rect" coords="743,40,917,74" href="../contact/index.html" alt="問い合わせ"> </map> 画像の一部にリンクを設置し、その部分に乗った時だけ、その部分のみを画像変化させることはできないのでしょうか? どなたかご教示お願いいたします。

  • 画像をリンクにしたい

    携帯電話のホームページで(パソコンでももちろん見れます) 画像をリンクにしたいのですが、そのホームページで画像を載せるには画像を登録して#12345といったものに変換してから載せます。 <A HREF="リンク先"><IMG SRC="画像"></A> この画像のところには何を入れたらいいのでしょうか? 初心者で乱文すいません 汗

  • 「相互リンク」の画像について

    こちらで質問に答えていただいたおかげで、今のところホームページビルダーとも仲良くやってます。サクサクとホームページ更新ができて、OKWebさまさまです。 色々なフリー素材のページを見てきたのですが、「相互リンク」を示すような気に入った画像がなくて困っています。 どこかに良い「相互リンク」画像はないでしょうか?

  • リンクバナー画像が出ない

    リンクバナー画像を貼り付けたのですが、ホームページでリンクページを見たら左上に赤色の×がででしまって画像がでません。 ちなみに作成環境は OS windows xpホームエディション 作成ソフト ホームページビルダーV9です。 誰かこの対処法を知っている方がいたら教えてください。お願いします。

専門家に質問してみよう