OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
解決
済み

画像からリンク?

  • すぐに回答を!
  • 質問No.119165
  • 閲覧数49
  • ありがとう数3
  • 気になる数0
  • 回答数4
  • コメント数0

お礼率 70% (12/17)

初めましてェo

今,私はHPの制作に目が追われているんですケド,質問ですo
えぇと...何の文字も無しで,画像だけでリンクしたいのって,どんなタグを書くんですか?
たとえば,本の画像をクリックしただけで,何処かに飛んでいくとかo
あまり...そこらへんになって来ると,分からなくなって来てしまうので,ご回答願いますo
通報する
  • 回答数4
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

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

  • 回答No.3
レベル14

ベストアンサー率 49% (1127/2292)

>>その「なんたらかんたら」って言うのは,何でしょう?
いや、別に意味はないです(^_^;)
IMGタグ内のalt="なんたらかんたら"の部分は、画像の説明、またはリンク先の説明などを適当に入れておくといいでしょう。
画像にカーソルを合わせるとチップヘルプになりますし、運悪く画像が表示されなかったときに画像の代わりにその文字列が表示されます。
利用者への小さな親切ってやつです。

使用例:
<A href="http://www.goo.ne.jp/"><IMG src="http://oshiete1.goo.ne.jp/images/goo.gif" width="90" height="46" border="0" alt="goo"></A>
お礼コメント
risa10

お礼率 70% (12/17)

有難うございましたぁ!!
親切...かぁoコレも足してやって見ますo
投稿日時 - 2001-08-19 16:56:16
-PR-
-PR-

その他の回答 (全3件)

  • 回答No.1
レベル14

ベストアンサー率 49% (1127/2292)

文章にリンク張るのとまったくおんなじですよ。 文章の一部をリンクする場合は、 <A href="http://www.xxx.xx.xx/xxx.xxx">なんたらかんたら</A> のようにしますよね。 このはさまれてる文字列の代わりに画像のIMGタグにしてやるだけです。 <A href="http://www.xxx.xx.xx/xx ...続きを読む
文章にリンク張るのとまったくおんなじですよ。
文章の一部をリンクする場合は、
<A href="http://www.xxx.xx.xx/xxx.xxx">なんたらかんたら</A>
のようにしますよね。
このはさまれてる文字列の代わりに画像のIMGタグにしてやるだけです。
<A href="http://www.xxx.xx.xx/xxx.xxx"><IMG src="xxx.jpg" width="xxx" height="xxx" alt="なんたらかんたら"></A>
でおっけー。
上記書式だと画像のまわりにリンクを示す青枠が表示されるので、それがカッコワルイと思ったら、
<A href="http://www.xxx.xx.xx/xxx.xxx"><IMG src="xxx.jpg" width="xxx" height="xxx" border="0" alt="なんたらかんたら"></A>
のように、border="0" 指定してやれば良いです。
補足コメント
risa10

お礼率 70% (12/17)

その「なんたらかんたら」って言うのは,何でしょう?スイマセン...o
投稿日時 - 2001-08-15 22:37:13


  • 回答No.2
レベル14

ベストアンサー率 50% (1122/2211)

普通に <a href=…> でOK。こんな風に書くだけです。 <a href="飛び先"><img src="画像ファイル"></a> ...続きを読む
普通に <a href=…> でOK。こんな風に書くだけです。

<a href="飛び先"><img src="画像ファイル"></a>
お礼コメント
risa10

お礼率 70% (12/17)

有難うございましたoやって見ますゥ!!
これからもお世話になると思うのでヨロシク...ですo
投稿日時 - 2001-08-15 22:39:31
  • 回答No.4
レベル8

ベストアンサー率 35% (14/40)

基本的なところは、前のみなさんがかかれているので、ちょっと高度なテクニックをご紹介します。 >>画面に張り付けた画像から、複数のリンクを張ることができます。 -------------- <body> <img src="画像url" usemap="#マップ名" atl="画像の名前" width="幅( ...続きを読む
基本的なところは、前のみなさんがかかれているので、ちょっと高度なテクニックをご紹介します。

>>画面に張り付けた画像から、複数のリンクを張ることができます。
--------------
<body>
<img src="画像url" usemap="#マップ名" atl="画像の名前" width="幅(ピクセルまたは%)" height="高さ(ピクセルまたは%">
<map name="マップ名">
<area href="リンク先url" shape="rect" alt="リンク先のガイド" coords="x1,y1,x2,y2">
<area href・・・以下同文
</map>
-------------
これで、ほんをスキャナーで読ました画像から、ほんの内容に従って、リンク先を分けることができます。リンク先を#にしておくと、ジャンプする事は無いので、画像の説明にも利用できます。(リンク先のガイドが座標によって、表示されます)

(例)本をスキャナーで読み込んで、例えばその本に、2人の写真が載っていて、それぞれに違った解説のページにリンクしたい時、それぞれの写真の位置(座標)左記の要領で指定してリンクを張る事ができます。参考urlの、中央の写真でこのテクニックを使ってます。(リンクは張っていません)

ちなみに(x1,y1)、(x2,y2)はリンクを張り付ける領域を設定する座標(ピクセル数または%)。この場合"rect"(長方形)を指定しているので、(x1,y1)ー(x2,y2)で囲まれた、長方形の領域内に、ポインターが入るとリンクの指示が有効になります。尚、原点は画像の左上隅で右下方向が+になります。(学校で習う座標とちょっと異なります。)

詳しくは、参考書を一読下さい。”イメージマップ”とか”領域設定”とか言った題名で載ってます。
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ