• ベストアンサー

画像からリンク?

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

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

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

  • ベストアンサー
  • sesame
  • ベストアンサー率49% (1127/2292)
回答No.3

>>その「なんたらかんたら」って言うのは,何でしょう? いや、別に意味はないです(^_^;) 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
質問者

お礼

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

その他の回答 (3)

  • HAL3800
  • ベストアンサー率35% (14/40)
回答No.4

基本的なところは、前のみなさんがかかれているので、ちょっと高度なテクニックをご紹介します。 >>画面に張り付けた画像から、複数のリンクを張ることができます。 -------------- <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)で囲まれた、長方形の領域内に、ポインターが入るとリンクの指示が有効になります。尚、原点は画像の左上隅で右下方向が+になります。(学校で習う座標とちょっと異なります。) 詳しくは、参考書を一読下さい。”イメージマップ”とか”領域設定”とか言った題名で載ってます。

参考URL:
http://www.nishio-phil.jp/f_clef/desert.htm
  • a-kuma
  • ベストアンサー率50% (1122/2211)
回答No.2

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

risa10
質問者

お礼

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

  • sesame
  • ベストアンサー率49% (1127/2292)
回答No.1

文章にリンク張るのとまったくおんなじですよ。 文章の一部をリンクする場合は、 <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
質問者

補足

その「なんたらかんたら」って言うのは,何でしょう?スイマセン...o

関連するQ&A

  • 画像リンク

    クリックありがとうございます。 FC2のHPについてです。 ページを作るのをファイルエディタ(?)で行っているのですが、 画像リンクをすると青い枠(クリック後は紫)がついてしまいます。 過去の質問ではタグを使うようになっていますが、タグが使えないようなのです(文字のままでてしまいます) 画像リンクに青い枠をつけないためにはどうすればいいのか、 またファイルエディタでは本当にタグが使えないのか をぜひ教えていただきたいです。 よろしくお願いします><

  • 画像内リンクについて

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

  • 画像にリンク

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

  • 画像にリンクを貼るにはどうしたら?

    フォレストでサイト制作をしている途中なのですが、画像にリンクを貼る方法がわからなくて困っています。 調べてみて、 <a href="移動したい場所のURL"><img src="画像のURL"></a> というタグを使うことはわかったのですが、これをどこに貼ればいいのかわかりません。 どなたか解る方教えて頂けますか? よろしくお願いします。

  • リンクする画像とテキストをくっつけるには?

    ブログでHTMLタグを使いたいのですがまだよく分かりません。 テキストをクリックしたらリンクするためのHTMLタグは次の通りですよね。 <a href="リンク先URL">表示するテキスト</a> 画像(写真)をクリックしたらリンクするためのHTMLタグは次のようになりますよね。 <A Href="リンク先URL"><img src="画像のアドレス"><A>  私は現在、テキストと画像の両方を同じサイトにリンクさせるのに、上の二つのタグを使っているのですが、本文に表示されると二つが離れてしまいます。よく、画像とテキストが一体化しているのを見るのですが、そうするにはどうしたらいいのでしょうか?ご教授願えませんか?

  • 画像の上に画像リンクを貼る方法

    初めまして。今、HPを制作中です。 壁紙ではない画像の上に、マウスを乗せると変化する画像リンクを作りたいのですが、可能でしょうか? できれば初心者にも分かりやすいような方法があればいいのですが…(汗) よろしくお願いします。

  • 画像リンクのタグで・・

    私は、楽天でHPを作ってぃるのですが、 画像リンクのタグを貼り付けた際に、リンクへは飛べるのですが、画像が四角にかこまれたばつがでてきて画像が表示されなぃんです(/_<。) 原因は何なのでしょうか?解決方法もできれば教えてください@(´・ェ・`)@

  • 画像リンクについて

    画像からリンクをはる場合にポインターが画像の上にきた時にその画像を変えるようにしたいのですが教えて頂けますか? 現在私はHPを作っているのでHP関係の本を読みながら作っているのですがその事が載っていなくて悩んでいます。

    • ベストアンサー
    • HTML
  • 画像にリンクをつけたのですが線を消したい

    たとえば、犬の画像が500×500pxであったとします。 <a href=犬の画像.jpg><img src=犬の画像.jpg width=100 height=100></a> こんなタグを書いたとします。 (実際には日本語使えませんが、わかりやすいように) これは要するに、100×100に縮小されている犬の画像をクリックすると500×500の画像へリンクするわけですが。 これを書くと、犬の画像のまわりに青色の線(クリックした場合は紫色の線)がついてしまうんです。 文字へのリンクでいうところのアンダーラインみたいなものです。 これを消したいのですがどうすればいいでしょうか? どうぞアドバイスよろしくお願い致します。

    • ベストアンサー
    • HTML
  • 数秒ごとに画像を変え、リンクをさせたい。

    例えば画像A、B、C、があって、それぞれを5秒間隔で交代に表示させたいのですが その為のタグを教えて頂きたいです。 あと、その画像ごとにリンクを貼りたいのですが・・・。 AはBBS、Bは日記、Cはリンクページへ、といった感じです。 あるHPで見かけたことがあるので、出来ると思うのですが 何しろ知識不足なので、分かりやすくタグを教えて頂けると助かります。 よろしくお願いします。

専門家に質問してみよう