Question

我正在使用jquery库和imageMapster来突出显示部分图像。除了imageMapster完成的突出显示之外，我还想要一些CSS效果。有趣的是，当页面加载时，javascript文件的最后两行不会显示在浏览器中。但是，当我删除两个mapster函数时，它工作得很好。我也尝试在html文件中声明css，但这似乎也不起作用。我似乎无法理解为什么会发生这种情况。有人会指出可能是什么原因？此外，如果建议采用某种解决方案，那就太好了。

的.js

$(document).ready(function () {
  $('#mainImage').mapster({
    singleSelect : false,
    mapKey: 'select',
    altImage: '/assets/pic2.png',
    areas : [{key : 'red1', selected : true}]
  });
  $('#mainImage2').mapster({
    singleSelect : false,
    mapKey: 'select',
    fillColor : '00FF00',
    fillOpacity : 0.5,
    areas : [{key : 'red2', selected : true}]
  });
  $('.margin').css("margin-left", "60px");
  $('img').css("position", "absolute");
  $('#mainImage2').css("opacity", "0.6").draggable();
});

html的

<div class="margin">
    <img id="mainImage" src="/assets/pic.png" usemap="#mark">
    <img id="mainImage2" src="/assets/unnamed.png" usemap="#mark2">
</div>
<map name="mark">
    <script type="text/javascript">
    document.write('<area href="#" select="red1" shape="rect" coords="'+rowRackCoords.join(",")+'">');
    </script>
</map>
<map name="mark2">
    <script type="text/javascript">
    document.write('<area href="#" select="red2" shape="rect" coords="'+shelfBoxCoords.join(",")+'">');
    </script>
</map>

CSS样式无法使用imageMapster

0 个答案: