如何在同一图像上给出两个链接 [英] how to give two links on same image

问题描述

这是我的代码

This is my code

 <div class="image">
<a href="#" title="More Details "><img src="<%=img%>" alt=""/>
<span class="play"></span></a></div>

image a span.play { display:none; background: url('../img/play.png') center center no-repeat; margin: -130px 10px 0 0; 
       height: 120px; 
       position: relative;
       z-index: 100; opacity: 0.8; 
}
.image a:hover span.play { display:block; }
.clear { clear: both;}	

现在我想给播放图标链接和另外一个链接for<％= img％>图片。怎么做这个。





先谢谢

now i want give link for play icon and one more link for <%=img%> image. How to do this one.


Thanks in Advance

推荐答案

使用图片地图..查看链接..



http://answers.yahoo.com/question/index?qid=20100205174731AAIcd1W [ ^ ]



http://www.onextrapixel.com/2009/04/30/how-to-create-multiple-链接单张图像与图像映射/ [ ^ ]

Use image map..check the links..

http://answers.yahoo.com/question/index?qid=20100205174731AAIcd1W[^]

http://www.onextrapixel.com/2009/04/30/how-to-create-multiple-links-on-a-single-image-with-image-map/[^]

使用图片地图： -

Use Image Map:-

<img src="abc.gif" width="145" height="126" alt="" usemap="#map">

<map name="map">
  <area shape="rect" coords="0,0,82,126" href="pqr.htm" alt="img1">
  <area shape="circle" coords="90,58,3" href="abc.htm" alt="img2">
  <area shape="circle" coords="124,58,8" href="xyz.htm" alt="img3">
</map>

这篇关于如何在同一图像上给出两个链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！