image map resizer

Ubah Ukuran Peta Gambar

Ini adalah perpustakaan sederhana yang membuat peta gambar HTML responsif, sehingga mereka secara otomatis tetap diskalakan ke ukuran gambar yang melekat pada mereka. Ini mendeteksi jendela yang diubah ukurannya dan memperbarui koordinat peta gambar yang sesuai.

Perpustakaan ini dapat digunakan dengan atau tanpa jQuery.

Penggunaan JS asli

Sertakan skrip ImageMapResizer.min.js lalu tambahkan panggilan berikut ke bagian bawah halaman Anda:

 imageMapResize ( ) ;

Secara opsional, Anda dapat melewati pemilih CSS yang mengembalikan koleksi tag peta. Misalnya, 'map.mymap' atau referensi langsung ke objek peta di DOM. Fungsi ini mengembalikan serangkaian elemen peta yang telah terikat.

penggunaan jQuery

Sertakan jQuery dan ImageMapResizer.min.js Script dan kemudian tambahkan panggilan berikut ke bagian bawah halaman Anda:

 $ ( 'map' ) . imageMapResize ( ) ;

Atau Anda mungkin ingin membungkusnya dalam fungsi $(document).ready() :

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

WordPress

Ada port perpustakaan ini untuk WordPress yang dibuat oleh @iankevinmcdonald https://wordpress.org/plugins/add-image-maps/

Lisensi

Hak Cipta © 2014-19 David J. Bradshaw - Lisensi di bawah Lisensi MIT