StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p><a href="http://www.gimp.org/" rel="nofollow noreferrer">Gimp</a> offers <a href="http://docs.gimp.org/en/plug-in-imagemap.html" rel="nofollow noreferrer">a plugin/filter called Gimp image map</a> that has a nice interface to help create an image map. I think it will provide the functionality that you are looking for. Select <code>Filters -> Web -> Image Map...</code> to bring up the dialog <img src="https://dl.dropbox.com/u/129843/Gimp%20image%20map.png" alt="Gimp Image Map filter"></p> <p>Once you have the Image Map dialog open you can create polygon areas to your heart's delight: <img src="https://dl.dropbox.com/u/129843/Gimp-image-map-polygons.png" alt="Polygon area creator"></p> <p>You are able to create and customize areas as you like modifying the link, alt text, frames, the polygon itself or even setup javascript events.</p> <p><img src="https://dl.dropbox.com/u/129843/Gimp-Image-map-areas.png" alt="alt text"></p> <p>After you are done, save it and you'll be able to use the fragment that you just saved in your html</p> <pre><code><img src="us_map.gif" width="771" height="448" border="0" usemap="#map" /> <map name="map">      <area shape="poly" coords="149,292,254,332,308,41,262,33,232,27,169,14,120,9,102,52,92,190" alt="West Coast" href="wc.html" /> <area shape="poly" coords="474,267,522,368,574,62,465,17,422,19,326,51,284,161,293,224,322,250,363,219,419,222" alt="Midwest" href="mw.html" /> <area shape="poly" coords="634,58,583,74,527,360,670,419,757,180,770,65,770,24,705,10,735,29" alt="East Coast" href="ec.html" /> <area shape="poly" coords="380,251,379,285,458,300,464,363,413,426,330,373,287,317,335,323,340,250" alt="Texas" href="tx.html" /> </map> </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload