image map resizer

Карта изображений Изменение размера

Это простая библиотека, которая делает HTML -карты реагирования, так что они автоматически остаются масштабированными до размера изображения, к которому они прикреплены. Он обнаруживает, что окно изменяется, и соответственно обновляет координаты карты изображений.

Эта библиотека может использоваться с или без JQUERY.

Использование местного JS

Включите скрипт ImageMapResizer.min.js, затем добавьте следующий вызов в нижнюю часть вашей страницы:

 imageMapResize ( ) ;

При желании вы можете передать селектор CSS, который возвращает коллекцию тегов карты. Например, «map.mymap» или прямая ссылка на объект карты в DOM. Эта функция возвращает массив элементов карты, с которыми она была связана.

Использование jQuery

Включите сценарий jQuery и ImageMapresizer.min.js, а затем добавьте следующий звонок в нижнюю часть вашей страницы:

 $ ( 'map' ) . imageMapResize ( ) ;

Или вы можете обернуть его в функцию $(document).ready() :

 $ ( document ) . ready ( function ( ) {
    $ ( 'map' ) . imageMapResize ( ) ;
} ) ;

WordPress

Есть порт этой библиотеки в WordPress, созданный @Iankevinmcdonald https://wordpress.org/plugins/add-image-maps/

Лицензия

Copyright © 2014-19 Дэвид Дж. Брэдшоу - Лицензировано по лицензии MIT