Client-Side Imagemaps

Site Maps Gallery Graphics Jobs The Library What's News? Search WDVL/W3C Top 100 HTML Tutorial The WDVL Home Page

The Web Developer's Virtual Library

With client-side image maps, the MAP that relates parts of the image to different URLs is stored in the current file. This saves a round trip to the server, and should present documents to you faster. Since the MAP information is stored in the document you are viewing, the destination URLs can be displayed in the status area as you pass the mouse over the image map.

<MAP NAME="name">
<AREA [SHAPE="
shape"] COORDS="x,y,..." [HREF="reference"] [NOHREF]>
</MAP>
The name
specifies the name of the map so that it can be referenced by an IMG element.

The shape
gives the shape of this area. Currently the only shape defined is "RECT".

The COORDS tag
gives the coordinates of the shape, using image pixels as the units. For a rectangle, the coordinates are given as "left,top,right,bottom".

The NOHREF tag
indicates that clicks in this region should perform no action. An HREF tag specifies where a click in that area should lead.

The USEMAP attribute in an IMG element
indicates that it is a client-side image map. It can be combined with the ISMAP attribute to indicate that the the image can be processed as either a client-side or server-side image map. The argument specifies which map to use with the image, imagename. The proposed spec on image maps allows for the option to include ALT text in the IMG element.

<IMG SRC="imagename" [USEMAP="# name"] [ALT="text"]>

See also: Server Side Imagemaps.

___________________
Up to => Home / Authoring / HTML / Body /

Help ! Index Library Site Map Search Topics Top100
Advertising. Hosted by Charm Net. © 1997 CyberWeb SoftWare. Legal Stuff.
3/Nov/1997 http://Stars.com/Authoring/HTML/Body/csmap.html
Comments ?
Made with Cascading Style Sheets The Web Developer's Virtual Library