Web Development and Design | Tutorial for Java, PHP, HTML, Javascript: gimp

Web Development and Design | Tutorial for Java, PHP, HTML, Javascript: gimp
Showing posts with label gimp. Show all posts
Showing posts with label gimp. Show all posts

How To Create A Clickable Image or Generally know As image Mapping Using Gimp Image Editor


How To Create A Clickable Image or Generally know As image Mapping Using Gimp Image Editor

Image Mapping Or Clickable Means Creating A hyperlink in Html By click on Image By Click on Different Coordinates of area for different link in a single Image.
Lets Start.

Step 1.Open Gimp Image Editor
Step 2.Click on Filter->Web->Image Map.
Step 3.Now A New Window Open For image mapping by selecting portion of image according to its area like circle,rectangle,polygon for different areas of image link.


Step 4.Now Select Any Shape Which you want a piece of area for link then drag it after that right click on it and again a new window open give your link now you create a new link for a portion of area.




Step .Click on Save And Save you .map file open it you got coordinate for image and just use in area tag which i posted earlier on html5 Semantics.



0