CODEWITHSUNDEEP
htmlcssphotoshop
epiphany
epiphany

Reputation: 766

How can i add a hyperlink to just a part of my jpg image

I have a jpg image which will have two clickable link The food Menu and the Beverage Menu. How can i add a hyperlink to the two of them respectively. Many thanks

enter image description here

EDIT: Any way to make it work for responsive images as well?

Upvotes: 0

Views: 2637

Answers (2)

Bash
Bash

Reputation: 19

Coords you mean X & Y? You can do this in Photoshop. Open the image > Right click CROP tool > Choose Slice Slice the part where you want to create a hyperlink. Once sliced, right clicked the slice, choose Edit Slice. Your X &Y coordinate will show. See Here

Upvotes: 0

RobIII
RobIII

Reputation: 8821

Use an image map

<img src="myimage.jpg" usemap="#mymap">

<map name="mymap">
  <area shape="rect" coords="1498,1596,1142,1510" href="foo.htm" alt="Foo">
  <area shape="rect" coords="2092,1596,1636,1510" href="bar.htm" alt="Bar">
</map>

Coordinates in above example are very eyeballed.

Upvotes: 1

Related Questions