两个图像上的链接不同

时间:2017-02-07 07:29:44

标签: html css svg hyperlink

美好的一天!如何在两个图像上放置不同的链接。 check和paw是对不同页面的引用。如何解决这个问题呢?这是一张测试图片,svg无法正常工作。

提前感谢您的帮助。

示例jsfiddle.net/Fateol/jpd5hrbo/3

3 个答案:

答案 0 :(得分:0)

您可以在map标记的帮助下完成此操作。

来自w3schools

定义和用法 标签用于定义客户端图像映射。图像映射是具有可点击区域的图像。

元素的必需名称属性与'usemap属性相关联,并在图像和地图之间创建关系。

元素包含许多元素,用于定义图像映射中的可点击区域。

示例代码     

<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>

了解更多详情check this

答案 1 :(得分:-3)

只需将图像分成两部分即可。 &#39; &LT; img src =&#34;将图像上传到图像托管上,然后在此处复制您的直接版本。宽度=&#34; 300&#34;高度=&#34; 255&#34; ALT =&#34;&#34; /&GT; &#39; 这是第一部分。现在拍摄图像的另一半并执行相同的步骤。

答案 2 :(得分:-3)

是页面上的html代码。 确保将图像切成两半。并重复两半的程序。