Question

我想在此图片中将某些徽标点击为网址。

这是图片http://i.imgur.com/PaTb5F2.png

例如：

我想要betfair并声称现在打开www.betfair.com
比Bet365 Logo打开www.bet365.com
比Betvictor Logo打开betvictor.com
和所有打赌文本一起打开网站

我该怎么做？

Answer 1

将图片置于锚标记内，并添加target="_blank"以打开其他标签中的链接。

<a href="link" target="_blank"><image></a>

Answer 2

您可以使用HTML地图。您可以通过坐标等方式在图像中定义不同的区域，

<img src="PaTb5F2.png" width="145" height="126" alt="logo" usemap="#map">

<map name="map">
  <area shape="rect" coords="0,0,82,126" alt="365" href="www.bet365.com">
  <area shape="circle" coords="90,58,3" alt="fair" href="www.betfair.com">
</map>

Answer 3

使用此代码，我从w3schools获得它，它可以帮助你

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
<area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
<area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>

点击此链接：http://www.w3schools.com/tags/att_img_usemap.asp

Answer 4

查看HTML区域地图/ HTML图像地图。有很多关键字，但它们大多数都使用相同的HTML代码。

你有一个img标签：

<img src="IMAGE.png" width="X" height="Y" alt="ALT" **usemap="#map"**>

usemap属性指向HTML地图，如下所示：

<map name="myMap">
  <area shape="rect" coords="10,10,50,100" href="www.your.link" alt="ALT">
  ... more <area> are possible
</map>

有很多教程可以帮助您选择<area> tags只是谷歌的选项。

HERE a generator i googled

Answer 5

在此处查看HTML图片地图标记： http://www.w3schools.com/tags/tag_map.asp

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>

使图像的某些部分可点击

5 个答案: