如何在单个图像中设置多个超链接 [英] How to set multiple hyperlink in one single image

问题描述

我正在使用一张大图片.在图像内部，我们将有单独的分区.

当我将鼠标悬停时，然后我想显示具有相应位置的超链接URL.

如何用一张带有位置的单个图像设置不同的超链接.

看看我的图片代码.

< img alt ="边框= 0宽度= 166高度= 391 src ="Images/image002.gif"/>

I am using one big image. Inside the image we will have sepeperate partition.

when i mousehover , then i want to display the hyperlink url with corresponding position.

How to set different hyperlink with one single image with position.

see my image code.

<img alt="" border=0 width=166 height=391 src="Images/image002.gif" />

推荐答案

我认为您正在寻找的是HTML中的AREA.

您可以在此处找到一些信息 [

Hi,

I think what you are looking for is called AREA in HTML.

You can find some information here[^].

需要在img标签中添加usemap，例如:

Hi,
Need to add usemap in img tag, like:

<img src="Images/image002.gif" border="0" width="166" height="391" 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>

更多详细信息，请检查: http://www.w3schools.com/tags/att_img_usemap.asp [ ^ ]

more detail check:http://www.w3schools.com/tags/att_img_usemap.asp[^]

这篇关于如何在单个图像中设置多个超链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！