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中的圖像映射

回答

相關問題