HTML Image Map Generator

Barangkali ada sahabat yang memerlukan html image map generator yang bisa didapatkan online di http://www.image-maps.com/

HTML image map

HTML image map

Tools ini saya kenal ketika ada client yang minta dibuatkan 3 buah link yang ada dalam satu gambar. Jadi dalam gambar tersebut ada sebuah diagram yang saling berhubungan. Nah, biar lebih interaktif, masing-masing gambar itu dibuat link ke masing-masing URL sesuai nama diagramnya. Jadi ada 3 URL link dalam satu gambar.
Awalnya saya mendapat panduan dari www.w3school.com dan masih kesulitan menggambar koordinat di gambar itu. Kemudian dengan bantuan om Google, Alhamdulillah didapatkan tools online untuk membuatnya.

Berikut ini code yang didapat:

<img style=”width: 300px; height: 250px;” alt=”intelsat” src=”http://intelsat-asia.com/wp-content/uploads/2012/08/LOGO-INTELSAT-300×250.jpg” usemap=”#intelsatmap1″>
<map name=”intelsatmap1″>
<area shape=”rect” coords=”102,4,165,63″ href=”http://intelsat-asia.com/value-creation/ciquest-infosight” alt=”Ciquest Infosight” title=”Ciquest Infosight”>
<area shape=”rect” coords=”1,109,64,168″ href=”http://intelsat-asia.com/value-creation/media-intelligence” alt=”Media-Intelligence” title=”Media-Intelligence”>
<area shape=”rect” coords=”207,113,270,172″ href=”http://intelsat-asia.com/value-creation/profina-investama” alt=”Profina Investama” title=”Profina Investama”>
</map>

Untuk tools online lainnya, dapat mengunjungi :

  • http://www.mobilefish.com/services/image_map/image_map.php

Semoga tools HTML image map ini bermanfaat.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>