画像からリンク？

解決済

質問者：risa10
質問日時：2001/08/15 21:48
回答数：4件

初めましてェo

今,私はHPの制作に目が追われているんですケド,質問ですo
えぇと...何の文字も無しで,画像だけでリンクしたいのって,どんなタグを書くんですか？
たとえば,本の画像をクリックしただけで,何処かに飛んでいくとかo
あまり...そこらへんになって来ると,分からなくなって来てしまうので,ご回答願いますo

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： sesame
回答日時：2001/08/16 00:02

>>その「なんたらかんたら」って言うのは,何でしょう？

いや、別に意味はないです(^_^;)
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>

- 0
- 件

通報する

この回答へのお礼

有難うございましたぁ！！
親切...かぁoコレも足してやって見ますo

通報する

お礼日時：2001/08/19 16:56

No.4

回答者： HAL3800
回答日時：2001/08/16 15:42

基本的なところは、前のみなさんがかかれているので、ちょっと高度なテクニックをご紹介します。

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

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

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

詳しくは、参考書を一読下さい。”イメージマップ”とか”領域設定”とか言った題名で載ってます。

参考URL：http://www.nishio-phil.jp/f_clef/desert.htm

- 0
- 件

通報する

No.2

回答者： a-kuma
回答日時：2001/08/15 21:57

普通に <a href=…> でOK。

こんな風に書くだけです。

<a href="飛び先"><img src="画像ファイル"></a>

- 0
- 件

通報する

この回答へのお礼

有難うございましたoやって見ますゥ！！
これからもお世話になると思うのでヨロシク...ですo

通報する

お礼日時：2001/08/15 22:39

No.1

回答者： sesame
回答日時：2001/08/15 21:54

文章にリンク張るのとまったくおんなじですよ。

文章の一部をリンクする場合は、
<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" 指定してやれば良いです。