Clickable image

Clickable image

A clickable image is an image that can be activated using a computer mouse. The term can be used to refer to graphical buttons in a graphical user interface (GUI) such as that found in Microsoft Windows or Apple's Mac OS X.

However, it is most often used to describe a method of superimposing hyperlinks on an image held in a webpage. Clickable image maps can be implemented in two ways: as client-side image maps and as server-side image maps.

Client-side image maps

For client-side image maps, the client's browser software controls the way in which the user interacts with the image.

The simplest implementation method is to use HTML image maps. Explicit pixel co-ordinates of rectangles and other shapes representing hot spots can be defined in HTML code. When the user clicks on one of these, the browser navigates to the hyperlink that has been specified in the code. This form of image map gives no feedback to the user of the location of these hot spots, or of which one has been selected, prior to the activation of the hyperlink.

More sophisticated client-side image maps can be implemented by making use of progamming environments such as XHTML/CSS, Javascript or Java. These image maps can give an indication of where the hotspots are when the user's mouse moves over the image. They can also give a rollover effect, highlighting the hotspot that the user is hovering over (including the display of additional superimposed text and imagery), prior to the activation of the link by the user.

Of the three techniques listed above, the use of XHTML/CSS is not as good as Javascript and Java in regards to cross-platform browser compatibility. However Java may be prevented from running on machines with tight security settings or through firewalls.

Server-side image maps

For server-side image maps, When the user clicks on the image, the screen coordinates are sent directly to the server where the document resides. Mouse coordinates, expressed as screen pixel values relative to the image are picked up by the server and the server redraws the image accordingly.


Good examples of clickable images can be found on the web at the following locations:

* [ Use of CSS and Javascript]
* [ Use of XHTML and CSS]
* [ Use of XHTML and CSS to display additional data]
* [ Use of Javascript onMouseOver]
* [ Use of Java Applet]
* [ Use of map file called from HTML]
* [ Use of Javascript onMouseOver image swaps]

See also

* Graphical user interface
* hyperlink


* [ Clickable at MSN Encarta]

Wikimedia Foundation. 2010.

Игры ⚽ Поможем решить контрольную работу

Look at other dictionaries:

  • Image map — For image maps in Wikipedia, see Extension:ImageMap. 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 various destinations (as opposed to a normal image… …   Wikipedia

  • clickable — [[t]klɪ̱kəb(ə)l[/t]] ADJ A clickable image on a computer screen is one that you can point the cursor at and click on, in order to make something happen. [COMPUTING] ...a Web site with clickable maps showing hotel locations …   English dictionary

  • clickable — UK US /ˈklɪkəbl/ adjective ► IT a clickable word or image on a computer screen is one you can click on to make further information appear or a new process begin: »You can browse the listings using fill in forms or clickable maps …   Financial and business terms

  • clickable imagemap — image on the World Wide Web that users can click on in different parts and be lead to different documents …   English contemporary dictionary

  • Image hosting service — An image hosting service allows individuals to upload images to an Internet website. The image host will then store the image onto its server, and show the individual different types of code to allow others to view that image. How it works… …   Wikipedia

  • Orders of magnitude (length) — Contents 1 Detailed list 1.1 Subatomic 1.2 Atomic to cellular 1.3 Human scale 1.4 …   Wikipedia

  • Shakespeare authorship question — …   Wikipedia

  • Neijing Tu — Part of a series on Taoism   Fundamentals Dao (Tao) · De …   Wikipedia

  • M50 motorway (Ireland) — This article is about the M50 motorway in Ireland. For other M50 motorways, see M50 motorway. M50 motorway …   Wikipedia

  • M1 motorway (Republic of Ireland) — M1 motorway …   Wikipedia

Share the article and excerpts

Direct link
Do a right-click on the link above
and select “Copy Link”