如何从图像映射加载fancybox中的图像

Question

似乎这个问题已被问过一千次，但我还没有找到办法让这项工作

我有一张图片地图。当我点击图像地图中定义的区域时，我希望在fancybox中显示另一个图像。下面是我的HTML。这是resulting page。仅映射了前两个硬币图像并且具有加载的图像。我不是程序员......可能会认为自己知识渊博，有危险。因此，如果可以使用java脚本解析它，我将需要有关如何执行此操作的指导。

正如您在我的图像映射html中看到的那样，我尝试为该图像调用fancybox类，但是当您单击该特定区域时，您获得的是在其URL处呈现为单个页面的图像。

  

{[{[ 2 3 4 ] trex} {[ 2 3 4 ] trex}]} img src =“http://patriotnumismatics.com/wp-content/uploads/2016/10/Dansco7070Page1Front-688x1009.png”alt =“”usemap =“＃Map”/＆gt;   

     

< area shape =“poly”class =“fancybox”coords =“315,103,352,88,384,97,399,119,403,138,394,175,366,194,340,193,321,182,309,162,304,137,301,132”href =“http://patriotnumismatics.com/wp-content/uploads/2016/10/D7070_P1_1834_CapBust_Half1c .jpg“/＆gt;

     

< area alt =“”title =“”href =“http://patriotnumismatics.com/wp-content/uploads/2016/10/D7070_P1_1834_Lrg1c.jpg”shape =“poly”coords =“ 383,336,444,315,491,359,471,423,418,437,380,406,368,372“/＆gt;

     

< /地图＆GT;

Answer 1

我通过使用名为EasyFancybox的wordpress插件解决了这个问题。此插件将图像检测为其加载，并在fancybox中显示图像。有一些设置也可以通过插件进行更改。