Image map: Difference between revisions

Revision as of 16:21, 24 October 2015

Revision as of 13:54, 21 November 2015

Line 3:

In [[HTML]] and [[XHTML]], an '''image map''' is a list of coordinates relating to a specific [[image]], created in order to [[hyperlink]] areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). For example, a map of the world may have each country hyperlinked to further information about that country. The intention of an '''image map''' is to provide an easy way of linking various parts of an image without dividing the image into separate image files.

==Server-side image map==

'''Server-side image maps''' were first supported in [[Mosaic (web browser)]] version 1.1.<ref>{{cite web|url=http://1997.webhistory.org/www.lists/www-talk.1993q2/0343.html|title=IMG extension for Mosaic 1.1}}</ref> '''Server-side image maps''' enable the [[web browser]] to send positional information to the server about where the user clicks within an image. This allows the server to make pixel-by-pixel decisions about what content to return in response (possible methods are to use image mask layers, database queries, or configuration files on the server).

Line 14:

If the browser does not support <code>ismap</code> then the [[query string]] must not be added to the anchor [[URL]] and the server should respond appropriately (for example, by returning a text-only navigation page).

==Client-side image map==

'''Client-side image maps '''were introduced in [[HTML 3.2]], and do not require any special logic to be executed on the server (they are fully client-side). They also do not require any [[JavaScript]].

Line 40:

A more modern approach is to overlay links on an image using [[CSS]] absolute positioning; however, this only supports rectangular clickable areas. This CSS technique may be suitable for making an image map work properly on [[iPhones]], which can fail to rescale pure HTML image maps correctly.

==ImageCreation mapsand useUse==

<!-- This set of numbers and wikilinks is an imagemap. It is tricky to edit by hand. It is suggested that any errors should be corrected in the version on "[[The Club (dining club)]]" so that others can recopy to fix long standing errors. Note hyperlinks will not go in the description - its a known bug in 2007 -->

<imagemap>Image:JoshuaReynoldsParty.jpg|Image map example of [[The Club (dining club)|The Club]]. Clicking on a person in the picture causes the browser to load the appropriate article.|350px|thumb