知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

解決済

clip!clip!
Ads By Google

クライアントサイドイメージマップの座標の図り方ってどうやるのでしょうか?

画像を貼って、その画像の、ある一部分だけクリックすると別なページに飛ぶようにしたいのです。下記のページにそれをアップしました。
...
このページの座席番号の書いていない空白の四角部分をクリックすると、別なページに飛ぶようにリンクを貼りたいのですが、可能な事なのでしょうか?
可能ならその方法を出来るだけ詳しく教えて頂けますか?素人なので宜しくお願いします。

2006-05-12 19:14の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2006-05-13 05:21:47ベスト


こちらでしょうか?
これは結構労力かかりますね。
以下のような感じでしょうか。

<img src="ファイル名" width="350" height="550" usemap="#test">
<map name="test">
<area shape="rect" Coords="18,285,107,356" href="リンク先" title="test1">
<area shape="rect" Coords="248,284,337,355" href="リンク先" title="test2">
</map>

とりあえず、エディターを使用するべきかと思います。

個人的には、画像をスライスして、それぞれの画像にリンクを貼った方が良いかなとも思います。

かなり簡略化させてしまいましたが、本来やりたかった事はおかげさまでクリアする事が出来ました。
笑われてしまいますが現時点では十分です。
これを機に勉強をしたいと思います。
本当にありがとうございました。
http://blog.livedoor.jp/sportsmanweb/archives/cat_10019474.html

Ads By Google

コメント(2)

#1.  MSX
2006-05-13 09:38:18

説明不足ですいません。
>エディター
いわゆるメモ帳みたいなものです。
htmlを記述するのに特化した機能がついていたりします。
例えば以下のようなものです。
ttp://homepage1.nifty.com/taka36/
イメージマップも簡単に作れます。

>スライス
文章だと解りづらいと思いますので、以下のサイトさんをご参考ください。
ttp://www6.plala.or.jp/mamoho/HTML/lesson5/slice_01.htm

2006-05-13 21:41:52

いえいえ返って色々とありがとうございます!
ちょっと頑張ってみます。時間がかかると思いますが、解決出来た暁にはベストを差し上げますので、しばらくお待ち下さい。

トラックバック(2)

トラックバックURL: