HTML代码无法点击图片的特定部分以重定向到链接 [英] HTML code not working to click on specific portion of an image to redirect to a link

问题描述

我有一张图片图片，我需要的是重定向文本航班，节假日奖励，发现到另一个链接。我曾尝试寻找解决方案，并得到了使用MAP标记的结果，但它们并不适用于我。

正如我以前的问题所述，它最初是一个HTML电子邮件这是失去了转发的CSS。所以我只是想把这个图片上的特定位置指向另一个URL。

我已经使用了下面的代码，但现在问题是所有图像本身都重定向到相同的链接，我想要几个链接在图像上的几个地方重定向。

请帮忙。提前致谢。

 < a href =http://www.manntravel.co.nztarget =_ blank> 
< img src =http://image.S7.exacttarget.com/lib/fe8c13727d67037a74/m/1/cefb23ad-3713-4654-a642-1e099c402134.pngalt =usemap =＃地图> 
< map name =Mapid =Map> 
< area alt =title =href =＃shape =polycoords =190,126,190,149,227,149,228,132> 
 
< / map>< / a> 
  

解决方案

您的代码是正确的。但是，您正在使用错误的坐标..
试试这个..然后点击左上角..

pre $ code >< img src =http://image.S7.exacttarget.com/lib/fe8c13727d67037a74/m/1/cefb23ad-3713-4654-a642-1e099c402134.pngalt =usemap =＃Map> ;
< map name =Mapid =Map>
< area alt =title =href =sun.htmshape =polycoords =17,51,42,35,66,51,66,89,17,89 >
< / map>

I have an image Image and what I need is to redirect the text Flights, holidays awards, Discover to a different link. I have tried looking for solutions and got results to use MAP tag but they aren't working for me somehow.

As mentioned in my previous question It was originally an HTML email which was loosing it's CSS on forwarding. so I just thought of pointing specific locations on this image to a different URL.

I have used below code but now the problem is all the image itself is redirecting to same link I want several links to redirect at several places on image.

Please help. Thanks in advance.

<a href="http://www.manntravel.co.nz" target="_blank">
   <img src="http://image.S7.exacttarget.com/lib/fe8c13727d67037a74/m/1/cefb23ad-3713-4654-a642-1e099c402134.png" alt="" usemap="#Map">
<map name="Map" id="Map">
    <area alt="" title="" href="#" shape="poly" coords="190,126,190,149,227,149,228,132">

</map></a>

解决方案

Your code is right. But, you are using wrong coordinates.. Try this one.. and click on top-left corner..

<img src="http://image.S7.exacttarget.com/lib/fe8c13727d67037a74/m/1/cefb23ad-3713-4654-a642-1e099c402134.png" alt="" usemap="#Map">
<map name="Map" id="Map">
<area alt="" title="" href="sun.htm" shape="poly" coords="17,51,42,35,66,51,66,89,17,89">
</map>

这篇关于HTML代码无法点击图片的特定部分以重定向到链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！