首先:我不是一个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