0

gimp を使用してこのイメージ マップを生成しました。自分の Web サイトにコードを追加すると、リンクがまったくないように見えます。これが発生する理由は何でも構いません。

<img src="images/footerlinks.jpg" width="175" height="66" border="0" usemap="#map"/>
<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:David -->
<area shape="rect" coords="32,72,239,415" nohref="nohref" /></area>
<area shape="rect" coords="393,320,483,336" href="http://www.dance-mate.com/details.html" /></area>
</map>
4

1 に答える 1

-1

定義したareasものは画像の境界の外にあります (画像の高さは 66 ピクセル、最初のリンクの上部は 72 ピクセル、2 番目のリンクは 320 ピクセルです)。長方形のポイントの順序は left, top, right, bottom) です。画像を縮小しましたか、それとも Gimp が実際に画像の境界外の領域を生成しましたか?

また、area無効な要素 (自己終了)でnohrefあり、有効ではなくalt、リンクと画像に属性を追加してください (リンクを確認できるように、HTML で 7 倍の画像サイズにします)。

<img src="images/footerlinks.jpg" width="1225" height="462" alt="foo" usemap="#map"/>
<map name="map">
  <area shape="rect" coords="32,72,239,415" href="#bar" alt="bar" />
  <area shape="rect" coords="393,320,483,336" href="#baz" alt="baz" />
</map>
于 2013-01-18T01:15:47.973 に答える