it-swarm.asia

Apakah ada opsi lain untuk mengaktifkan area yang dapat diklik berbentuk tidak teratur pada halaman web selain peta gambar?

Kami memiliki beberapa area berbentuk tidak teratur ... bayangkan peta negara bagian AS. Bayangkan juga bahwa di dalam setiap negara bagian ada wilayah persegi panjang yang berisi gambar dan teks. Kami ingin membuat setiap negara bereaksi terhadap mouseover/mouseout/klik.

Jika ini adalah halaman HTML lurus (tidak ada Flash), apakah ada cara lain untuk menerapkan ini daripada peta gambar?

Jika ini tidak mungkin, saya juga akan mempertimbangkan hanya memiliki wilayah persegi panjang di setiap negara bereaksi terhadap peristiwa mouse.

2
milesmeow

Apakah "straight up HTML" berarti Anda dapat menggunakan Javascript? Jika demikian, pertimbangkan perpustakaan Raphael javascript , yang membungkus SVG. Lihat beranda mereka untuk ikhtisar hebat tentang apa yang dapat Anda lakukan, termasuk contoh negara ini (?) Australia: http://raphaeljs.com/australia.html

Anda juga dapat mempertimbangkan processing.js , yang merupakan pustaka visualisasi yang serupa tetapi membungkus kanvas sebagai lawan dari SVG.

2
Rahul

Dengan browser modern, Anda dapat menggunakan sprite CSS dan markup yang sangat bersih untuk melakukan hal yang sama. Ini adalah tutorial yang bagus untuk menggunakannya di A List Apart. Baca seluruh artikel, tetapi lihat bagian "Bentuk Tidak Teratur."

http://www.alistapart.com/articles/sprites

0
Jim Jarrett