Question

通常，我总是将图像映射到另一个网站的链接，或链接到页面中的文本。

现在，我在一个页面中有2张图片。我想将图像A链接到图像B.

例如，当我点击图片A中的特定部分（使用<map>＆amp; <area>获取特定部分）时，它将链接到图片B的特定部分。

图像B的高度很长，但我想链接图像B中的特定部分

<img src="imageA.png" usemap="#imageA"/>
<img src="imageB.png" usemap="#imageB"/>

<map name="imageA"> 
<area href="#linkImageAtoB" shape="rect" coords="659,558,825,588" alt="Test"/>
</map> 

<map name="imageB"> 
<a name="linkImageAtoB"><area shape="rect" coords="17,92,343,135" alt="Test"/></a>
</map>

Answer 1

使用图片地图

＆＃13;

var urls = ['/orders', '/clients', '/clients/tJa84ogQ3cvpxMJ7G'];

routeNames = _.map(urls, function(url) {
  var route = Router.findFirstRoute(url);
  return route ? "", route.getName();
});

＆＃13;

Answer 2

您可以像处理文字一样使用图像周围的链接。使用href="#..."，您可以链接到您网页中的特定ID。

因此，对于您的情况，这样的事情应该成功：

<a href="#B">
    <img id="A" src="..." />
</a>
<a href="#A">
    <img id="B" src="..." />
</a>

如何映射图像并将其链接到另一个图像？

2 个答案: