หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

ภาพแผนที่ภาพปรับขนาด

นี่คือไลบรารีง่ายๆที่ทำให้แผนที่ภาพ 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/

ใบอนุญาต

ลิขสิทธิ์© 2014-19 David J. Bradshaw - ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด