Mapster - 如果选择了每个区域,我该如何打开警报?

时间:2015-11-24 20:19:59

标签: javascript javascript-events

首先:我不是一个Java家伙!我只是在构建html网站时使用它。

现在我的问题: 我想建立一个小搜索图片。所以我已经定义了使用映射图片中的某些区域,并使用mapster我可以选择它们。

现在,如果选择了所有10个区域,我需要建立警报。 像:恭喜你,你找到了一切。

以下是代码:

    <img id="Map" src="bilderraetsel_gross.jpg" border="0" width="1000" height="750" orgWidth="1000" orgHeight="750" usemap="#Map" alt="Bilderraetsel" />

<script>
$(document).ready(function ()
{
    $('#Map').mapster({
    singleSelect : false,
    highlight : null,
    mapKey : 'data',
    altImage : null,
    isDeselectable : false,
    fill : true,
    fillColor: '0080FF',
    fillOpacity : 0.5,
});
});

</script>


<map name="Map" id="Map">
    <area style="cursor:crosshair" data="1" shape="circle" coords="641,378,7" href="#">
    <area style="cursor:crosshair" data="2" shape="circle" coords="918,642,11" href="#">
    <area style="cursor:crosshair" data="3" shape="circle" coords="32,558,8" href="#">
    <area style="cursor:crosshair" data="4" shape="circle" coords="108,584,8" href="#">
    <area style="cursor:crosshair" data="5" shape="circle" coords="195,189,15" href="#">
    <area style="cursor:crosshair" data="6" shape="circle" coords="436,229,6" href="#">
    <area style="cursor:crosshair" data="7" shape="circle" coords="925,346,21" href="#">
    <area style="cursor:crosshair" data="8" shape="circle" coords="949,408,13" href="#">
    <area style="cursor:crosshair" data="9" shape="circle" coords="295,521,14" href="#">
    <area style="cursor:crosshair" data="10" shape="circle" coords="459,309,11" href="#">
</map></p>

在标题中我使用了这个:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="jquery.imagemapster.js"></script>

有人可以帮助我吗? :)

提前致谢, CERCO

0 个答案:

没有答案