2015-06-26 2 views
2

Я нашел эту библиотеку для автоматических координат «карты», чтобы нарисовать область карты, когда мышь находится над этой областью.Почему «mapify.js» не работает в Google Chrome

Он отлично работает на firefox, но у меня есть некоторые странные поведения на Google Chrome. Я пробовал много вещей, чтобы заставить его работать, но без успеха. Он просто не работает на Google Chrome.

Здесь в jsfiddle, так что вы можете увидеть это сами: Example

Пример кода HTML: <img id="imgFile" width="654px" height="1229px" border="0" src="http://pds15.egloos.com/pds/201001/17/91/a0030191_4b52312f4e55c.jpg" usemap="#mapa"/> <map id="mapa"><area id="11" shape="poly" coords="315,245,258,241,224,267,223,292,230,319,250,333,309,315"/></map>

Javascript код: $("img[usemap]").mapify();

Он должен изменить цвет фона, когда указатель мыши находится над область груди. Я не знаю, пропустил ли я что-то.

Вот официальный веб-сайт плагина: mapify.js

В данном веб-сайте работает на Google Chrome нормально.

Любая помощь будет оценена по достоинству.

ответ

2

Я пропустил атрибут «name = 'mapa» на ярлыке карты. После этого он отлично работал!

Вот обновленный jsFiddle: Updated code

<map name="mapa" id="mapa"> 
Смежные вопросы