JQuery image.mapster с другой версией jQuery версии

Question

Перед столкновением jquery между image.mapster jquery для наведения пользовательского div в изображении и других jquery-версий, используемых для уменьшения и увеличения масштаба нажатием кнопки.

Ниже приведены запрос, который я столкнулся:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.js"></script> 
<script type="text/javascript" src="../dist/jquery.imagemapster.js"></script> 

Если я пишу код в приведенной выше последовательности, image.mapster JQuery будет работать при наведении курсора мыши, но мой увеличить и уменьшить масштаб функции не будут работать.

, и если я сначала использую запрос image.mapster, тогда напишу второй jquery, тогда я получаю ошибку, так как метод image.mapster не найден.

Я создал код тестового файла также http://jsfiddle.net/vpd1Lbtp/3/ но в jsfidder он работает частично как вещи работают, но размер изображения не получают увеличения и out.also я пишу то же самое в HTML коде только одна функции работает

Answer 1

Если вы проверите img#vegetables, а при масштабировании вы увидите, что ваш код масштабируется, он фактически работает. Тем не менее, Mapster установил непрозрачность изображения на 0. Образ, который вы смотрите, - это тот, который был создан Mapster с class="mapster_el".

Я думаю, что вы можете получить функциональность вы хотите масштабированием .mapster_el вместо #vegetables:

$('.mapster_el').stop(true, true).animate({ 
//etc... 

Это будет масштабировать скопированное изображение вместе с canvas элементов, представляющих собой карту.