Modal中的图像映射

不使用引导程序，只是自定义类来使模态工作。我可以在模式中获取图像，并添加了usemap =“＃MapSys”，它在地图标记中是相同的。地图标记包含坐标。但是图像映射不起作用，热点不活跃。由于它使用自定义类，我不能张贴在jsfiddle上。Modal中的图像映射

<div id="targeted-rna-expression-div"><p><a class="modalLink[820,300]" href="/content/dam/illumina-marketing/images/applications/sequencing/amplicon-workflow-solution-lg.jpg?iframe" title="TruSeq Targeted RNA Expression Workflow" usemap="#MapSys"><span class="sequencing-rna-targeted_rna_expression"><img alt="TruSeq Targeted RNA Expression Workflow" class="roundRect left" src="/content/dam/illumina-marketing/images/applications/sequencing/amplicon-workflow-solution.jpg"></span></a><a class="modalLink[820,300]" href="/content/dam/illumina-marketing/images/applications/sequencing/amplicon-workflow-solution-lg.jpg?iframe" title="TruSeq Targeted RNA Expression Workflow" usemap="#MapSys"> 
    <map name="MapSys"> 
    <area shape="rect" coords="66,233,204,261" href="http://www.illumina.com/informatics/research/experimental-design/designstudio.html" target="_blank"> 
    </map> 
<br> 
View the workflow »</a></p> 
</div>

来源

2015-04-02 DivineChef

我看到几个问题。 usemap是属于img标签（不在锚标签中）的属性。另外，请确保页面上只有map name =“MapSys”和usemap =“＃MapSys”的单个实例。我会将地图元素放在img标签后面，并且不会在该地图标记周围留下额外的锚点。

来源

2015-04-02 20:14:20

有一个img标签，这就是你点击打开模式。这不是带有地图的图像，所以它不属于那里。是的，我知道使用地图必须是唯一的。 – DivineChef 2015-04-02 20:48:48

我在您的示例代码usemap =“＃MapSys”中看到了两个实例，并且都在锚定标记中，而不是img。您应该包含模式弹出代码（以及可点击的示例），其中img与usemap =“＃MapSys”和毗邻的地图名称=“MapSys”代码应该并排居住。 – 2015-04-02 21:19:51

我将usemap =“MapSys”移动到您单击的图像上，打开模式（对我来说图像地图在较大的图像上没有意义），但没有成功。我会问，如果我找到一个解决方案，我会让你知道。 – DivineChef 2015-04-02 22:09:08

Modal中的图像映射

回答

相关问题