Question

我有一个HTML图像映射打开显示一个隐藏的div，在这个div中我已经声明了另一个图像映射，它应该包含一个矩形作为关闭按钮（我已经提供了一个弹出菜单图像已经包含一个关闭按钮，因此可以选择使用热点）。但我的弹出窗口内的图像映射似乎没有正确显示。

我已经包含了一些代码片段，如果需要，我可以包含更多代码。

我的图片地图热点打开弹出窗口（它在这个主机工作的正确标签内）：

<area shape="poly" coords="415,20,359,42,367,123,432,167,489,210,573,169,591,86,507,34,463,49"onClick="KitchenOverlay()" alt="Kitchen" title="Kitchen" onMouseOver="if(document.images) document.getElementById('Image-Maps_1201303131025001').src= 'images/houseKitchenGlow.png';" onMouseOut="if(document.images) document.getElementById('Image-Maps_1201303131025001').src= 'images/House.png';" />

我的JS函数打开隐藏的div：

    function KitchenOverlay() 
{
    el = document.getElementById("KitchenOverlay");
    el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
}

我的KitchenOverlay div：

<div id="KitchenOverlay" style="height: 310px; width: 267px;">
    <map id="KitchenPopupMap" name="KitchenPopupMap">
        <area shape="rect" coords="392,15,445,69" onClick="closepopup('KitchenOverlay')" alt="Close Popup" title="Close Popup"/>
    </map>
    <p style="font-size:15px; font-family: 'Arial', Arial, serif; color: #666666; margin-top:20px;">This is Jack's Favorite room. </p>
</div>

我的closepop（）函数（我从google Evil Grin 上找到的教程中偷了这个）

function closepopup(id){
      var divobj = document.getElementById(id); 
      divobj.style.visibility = "hidden"; 
}

我试图查看Hotspot放置在Chrome中的位置，但遗憾的是，您似乎无法在Chrome中看到矩形区域元素。有什么想法吗？

获取图像映射热点可以在隐藏的div中正常工作

0 个答案: