- ベストアンサー
画像からリンク?
HAL3800の回答
- HAL3800
- ベストアンサー率35% (14/40)
基本的なところは、前のみなさんがかかれているので、ちょっと高度なテクニックをご紹介します。 >>画面に張り付けた画像から、複数のリンクを張ることができます。 -------------- <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
- 画像リンク
クリックありがとうございます。 FC2のHPについてです。 ページを作るのをファイルエディタ(?)で行っているのですが、 画像リンクをすると青い枠(クリック後は紫)がついてしまいます。 過去の質問ではタグを使うようになっていますが、タグが使えないようなのです(文字のままでてしまいます) 画像リンクに青い枠をつけないためにはどうすればいいのか、 またファイルエディタでは本当にタグが使えないのか をぜひ教えていただきたいです。 よろしくお願いします><
- ベストアンサー
- レンタルサーバ・ASP
- 画像内リンクについて
ホームページの操作方法を説明する、 クリッカブルを作成しています。 HTMLにホームページのキャプチャ画像を貼り、 実際のホームページのように、 画像のリンク文字部分をクリックすると、 指定したリンク先に飛ばすといったものを作っているのですが、 画像内の特定の座標をクリックしたとき、 同じ画像内の別の座標に飛ばすということは出来ますでしょうか。 方法はタグでも何でもいいですが、 社内ネットワーク内だけで公開するものなので、 ローカル環境で動くもので、ご提案いただけるものがありましたら ご教示ください。
- 締切済み
- HTML
- 画像にリンク
ホームページビルダー7にてHP作成しております。画像のロールオーバーを作成しましてメニューボタンを作成いたしました。そのボタンを「お問合わせ」とし、メールへリンクするようにしたいのです。通常の画像や文字などからは右クリックで「リンクの挿入」を指示しメールへリンクが出来るのですが、画像ロールオーバーで作成したものにリンクしようと思ってもできません。右クリックしますと「リンクの設定」というメニューはグレーになっていてクリックできません。右クリックし「属性の変更」でリンクの指定が出来るのですが、ファイルが対象になっているようでメールへリンクすることはできないようです。ご存知の方がいらっしゃいましたらよろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- 画像にリンクを貼るにはどうしたら?
フォレストでサイト制作をしている途中なのですが、画像にリンクを貼る方法がわからなくて困っています。 調べてみて、 <a href="移動したい場所のURL"><img src="画像のURL"></a> というタグを使うことはわかったのですが、これをどこに貼ればいいのかわかりません。 どなたか解る方教えて頂けますか? よろしくお願いします。
- 締切済み
- その他(インターネット・Webサービス)
- リンクする画像とテキストをくっつけるには?
ブログでHTMLタグを使いたいのですがまだよく分かりません。 テキストをクリックしたらリンクするためのHTMLタグは次の通りですよね。 <a href="リンク先URL">表示するテキスト</a> 画像(写真)をクリックしたらリンクするためのHTMLタグは次のようになりますよね。 <A Href="リンク先URL"><img src="画像のアドレス"><A> 私は現在、テキストと画像の両方を同じサイトにリンクさせるのに、上の二つのタグを使っているのですが、本文に表示されると二つが離れてしまいます。よく、画像とテキストが一体化しているのを見るのですが、そうするにはどうしたらいいのでしょうか?ご教授願えませんか?
- ベストアンサー
- ブログ
- 画像の上に画像リンクを貼る方法
初めまして。今、HPを制作中です。 壁紙ではない画像の上に、マウスを乗せると変化する画像リンクを作りたいのですが、可能でしょうか? できれば初心者にも分かりやすいような方法があればいいのですが…(汗) よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- 画像リンクのタグで・・
私は、楽天でHPを作ってぃるのですが、 画像リンクのタグを貼り付けた際に、リンクへは飛べるのですが、画像が四角にかこまれたばつがでてきて画像が表示されなぃんです(/_<。) 原因は何なのでしょうか?解決方法もできれば教えてください@(´・ェ・`)@
- 締切済み
- その他(インターネット・Webサービス)
- 画像にリンクをつけたのですが線を消したい
たとえば、犬の画像が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で見かけたことがあるので、出来ると思うのですが 何しろ知識不足なので、分かりやすくタグを教えて頂けると助かります。 よろしくお願いします。
- ベストアンサー
- JavaScript