Question

I have a single image with various tabs for navigation as shown :-

I want that i use the same image to point to different link either by using mapping or some coordinates.

Can anyone help me through code to do so ???

OR any link will do the job.

Thanks in advance 🙂 🙂

Answer 1

use map

sample:

<img src=ur_image usemap="#linkmap">

<map name="linkmap">

    <area shape="rect" coords="x1,y1,x2,y2" href="url_1" />

    <area shape="rect" coords="some other coords" href="url_2" />

    <area shape="rect" coords="some other coords" hhref="url_3" />
</map>  

where (x1,y1) is a coord of top left vertex of the rectangle 1 (“home tab”) and (x2,y2) is bottom right vertex of the same rectangle. and so on for all the rectangles there.