2

ページが単一の画像で構成され、html マップを使用して複数のリンクが含まれている小さな Web サイトで、画像のサイズを変更したい (小さい画像) が、すべての画像のサイズを変更し、すべてのリンク座標を変更するのは非常に面倒です。

<div style="text-align:center; width:586px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_5201110040649307" src="http://site.com/ui_prototype/login.png" usemap="#Image-Maps_5201110040649307" border="0" width="586" height="1162" alt="" />
<map id="_Image-Maps_5201110040649307" name="Image-Maps_5201110040649307">
<area shape="rect" coords="59,550,297,614" href="http://site.com/ui_prototype/main_menu.html" alt="" title=""    />
</map>
</div>

問題を解決するためのより良い解決策は何ですか?

ありがとう

4

3 に答える 3

4

div をズーム/スケーリングすることができます。

例（半角）：

style="zoom:.5;-o-transform: scale(.5);-moz-transform: scale(.5)"
于 2011-10-05T17:59:52.780 に答える
1

最善の解決策は、画像のサイズを変更してから、長方形を選択する (または画像を 4 回クリックするだけ) ことができる小さなスクリプトを作成し、入力と URL を求めて、その長方形の HTML を吐き出すことだと思います。 . これにより、マップの生成がはるかに高速になります。

将来これを繰り返す場合は、CSS で配置された実際のリンクを使用してマップを作成することをお勧めしますが、画像に対するパーセンテージとして指定された上と左の座標を使用します。こうすることで、サイズ変更の影響を受けないようにする必要があります (ただし、画像を完全に変更することはできません)。

于 2011-10-05T18:17:08.003 に答える