Я пытаюсь использовать плагин jquery под названием maphilight. Я совершенно не знаком с использованием плагинов jquery. Я неплохо разбираюсь в других кодированиях веб-дизайна и даже немного с javascript, но на самом деле пытаюсь практически использовать его вот так ... это первый.Использование maphilight для начинающих?
Я просто не могу заставить этот плагин работать. На моей карте различные области правильно кликабельны и служат в качестве ссылок, однако они не станут светлыми. Лучшее, что я могу сделать, это подсветка inccorect, отображаемая в другой части страницы.
Я просмотрел сайт maphighlight и увидел его примеры, но я не могу видеть, как использовать пример кода.
В верхней части моей странице у меня есть:
<script type="text/javascript" src="script/jquery.js"></script>
<script type="text/javascript" src="script/maphilight.js"></script>
<script type="text/javascript">
$(function() {
$('.mapHiLight').maphilight({ stroke: false, fillColor: '009DDF', fillOpacity: 1 });
});
</script>
затем на карте
<img src="image/japan.svg" width="570" height="750" usemap="#nihon">
<map name="nihon">
<area id="test3" href="http://www.tokyo.com" shape="poly" coords="407.963,498.081 403.323,498.08 407.963,498.081 400.819,498.908 387.434,499.66 388.25,496.5
381.4,492.742 381.742,489.948 381.742,489.948 382.811,488.967 385.754,488.459 395.005,491.437 412.248,488.907 412.049,492.742" alt="tests" title="testerhi">
</map>
что может идти здесь не так? Что мне делать?
Извините за то, что так невежественны здесь. Надеюсь, я пропустил что-то простое.
запятые! Запятые проблемы! Сам SVG не содержит запятых в координатах, и я просто копировал и вставлял их, но по какой-то причине jquery требует запятых. Прекрасно работает с запятыми, заменяющими пробелы в координатах –