Я начал использовать плагин ImageMapster JQuery и застрял довольно быстро. Я бы хотел, чтобы всплывающая подсказка показывалась, когда я наводил курсор на область, но она не работает. Я использую параметр «id» в качестве ключа области и хочу, чтобы всплывающая подсказка показывалась, когда я указываю мышь на область с id = «sam».
Это мой код - его довольно простой и я понятия не имею, что я сделал не так. Может ли кто-нибудь мне помочь? Проблема заключается не в самой ImageMapster, а в других ее функциях. СпасибоImageMapster - всплывающие подсказки, не показывающие при наведении курсора мыши
<img id="mapka" src="../Img/Maps/bigmap.JPG" usemap="#mymap" width="880">
<map id="geo_map" name="mymap">
<area shape="rect" id="sam" coords="135,62,216,167" href="/map/samegrelo">
</map>
<script> $(document).ready(
function() {
$('#mapka').mapster({
singleSelect: true,
fill: true,
mapkey: 'id',
fillOpacity: 0.3,
fillColor: 'ff0000',
clickNavigate: true,
showToolTip: true,
onMouseover: function (e) {
$(this).mapster('set', false).mapster('set', true);
},
onMouseout: function (e) {
$(this).mapster('set', false);
},
areas: [
{
key: "sam",
toolTip: "Don't mess with Texas"
}]
});
})
</script>