可變大小的圖像映射不起作用

Question

我為網頁提供了以下代碼，並且映射無法正常工作（從字面上看-參考點似乎太右，並且隨着圖像尺寸的變化而變化，盡管我是從此處復制並自定義代碼的，完美地工作）。 在該文件夾中，我有兩個文件：“ jquery.min.js”和“ imageMapResizer.min.js”均來自先前鏈接的網站。 任何幫助將非常感激！

        <HTML>
<HEAD>
    <TITLE>TODO: Enter title</TITLE>
        <Style type="text/css">
            img {width:100%; height: auto; }
            img {max-width: 500px}
            </style>

</HEAD>
<Body bgcolor="black">
<CENTER>
    <!--This table controls the upper bar section-->
<P><TABLE BORDER=0 CELLSPACING=10 CELLPADDING=10>
<TR>
<TD>

    <P><a href="www.google.com">;
                    <img src="image1.png"></a>
<TD>
<P><IMG SRC="Logo.png">
<TD>
<P><a href="www.ebay.com">;
                    <img src="image2.png"></a>

</TABLE>
        <P><img src="top bar under.png">
       <p>

    <img width= "100%" border="0" usemap="#map1" src="map.png" name="map1"></img>

</p>
        <map name="map1">


    <area title="B" href="http://en.wikipedia.org/wiki/Alabama" coords="30,67,129,332" shape="rect"></area>
    <area title="K" href="http://en.wikipedia.org/wiki/Alabama" coords="142,67,195,151" shape="rect"></area>
    <area title="C" href="http://en.wikipedia.org/wiki/Alabama" coords="202,68,265,166" shape="rect"></area>
    <area title="D" href="http://en.wikipedia.org/wiki/Alabama" coords="389,34,415,32,419,21,520,21,521,65,537,64,541,110,519,109,522,221,480,221,481,234,437,232,434,187,425,185,421,143,407,145,409,57,414,57,414,44,390,44,389,42,389,42" shape="poly"></area>
    <area title="R" href="http://en.wikipedia.org/wiki/Alabama" coords="206,195,256,312" shape="rect"></area>
    <area title="X" href="http://en.wikipedia.org/wiki/Alabama" coords="168,314,299,355" shape="rect"></area>
    <area title="KC" href="http://en.wikipedia.org/wiki/Alabama" coords="296,188,294,286,332,287,333,274,367,277,367,244,335,215,319,210,320,189" shape="poly"></area>
    <area title="PD" href="http://en.wikipedia.org/wiki/Alabama" coords="575,19,620,125" shape="rect"></area>
    <area title="DR" href="http://en.wikipedia.org/wiki/Alabama" coords="589,283,624,423" shape="rect"></area>
    <area title="M" href="http://en.wikipedia.org/wiki/Alabama" coords="447,293,573,427" shape="rect"></area>
</map>





</center>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="imageMapResizer.min.js"></script> 
<script>$('map1').imageMapResize();</script>
</BODY>
</HTML>

Answer 1

我相信您的錯誤在於此行：

<script>$('map1').imageMapResize();</script>

應該是

<script>$('map').imageMapResize();</script>

可變大小的圖像映射不起作用

問題描述

1 個解決方案

解決方案1
1 已采納 2014-08-13 09:24:54

可變大小的圖像映射不起作用

問題描述

1 個解決方案

解決方案1 1 已采納 2014-08-13 09:24:54

解決方案1
1 已采納 2014-08-13 09:24:54