هذه مكتبة بسيطة تجعل خرائط صورة HTML تستجيب ، بحيث تظل تلقائيًا في حجم الصورة التي يتم إرفاقها بها. يكتشف النافذة التي يتم تغيير حجمها وتحديث إحداثيات خريطة الصورة وفقًا لذلك.
يمكن استخدام هذه المكتبة مع أو بدون jQuery.
قم بتضمين البرنامج النصي ImageMapresizer.min.js ثم أضف المكالمة التالية إلى أسفل صفحتك:
imageMapResize ( ) ;اختياريا ، يمكنك تمرير محدد CSS الذي يعيد مجموعة من علامات الخريطة. على سبيل المثال ، "map.mymap" أو مرجع مباشر لكائن MAP في DOM. تقوم هذه الوظيفة بإرجاع مجموعة من عناصر الخريطة التي كانت ملزمة بها.
قم بتضمين البرنامج النصي jQuery و ImageMapresizer.min.js ثم أضف المكالمة التالية إلى أسفل صفحتك:
$ ( 'map' ) . imageMapResize ( ) ; أو قد ترغب في لفها في وظيفة $(document).ready() :
$ ( document ) . ready ( function ( ) {
$ ( 'map' ) . imageMapResize ( ) ;
} ) ;هناك منفذ لهذه المكتبة إلى WordPress التي صنعهاانيكيفنمدونالد https://wordpress.org/plugins/add-image-maps/
حقوق الطبع والنشر © 2014-19 David J. Bradshaw - مرخصة بموجب ترخيص MIT