Question

我们正在使用maphighlight Jquery来突出显示某些图像上的地图区域。点击按钮，我们想加载不同的图像src，保持区域地图相同。

我能够加载不同的图像src，但是在Map区域突出显示停止运行后不久

有没有人遇到过类似的问题？需要一些帮助来解决这个问题。

这是现有代码：

<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.maphilight.min.js")"></script>

<div id="image1">
<img id="image1id" alt="ABCD" src="@Url.Content("~/Content/A.png")" 
style="box-shadow: #999 0px 0px 15px;" usemap="#a1" />

</div>

<map name="a1">
<area id="aSys" shape="poly" coords="330,145,475,115,475,350,330,367" onclick="Common_dialog();"
                alt="image" title="A SYS" />
 </map>

<button type="button" value="Change" onclick="Common_dialog();">Change</button>

<script type="text/javascript">
 $(document).ready(function () {
            $('.map').maphilight(strokeColor = "5C5C5C", fillColor = "5C5C5C", strokeWidth  "1", fillOpacity = "0.4");

    alert("entered11");
});

function Common_dialog(e) {
    var divElements = document.getElementById("image1").innerHTML;
    var updatedDiv = divElements.replace("A.png", "B.png");
    document.getElementById("image1").innerHTML = updatedDiv;
 }
 </script>

Maphilight更改图像src保持相同的地图

0 个答案: