如何在图像映射中获取iframe？

Question

我一直在侧栏上工作，在左侧的http://www.bespoke-arcades.co.uk/store/arcade-machines/16-synergy-elite-arcade-machine.html上显示点击下方的游戏列表。

我有一张图片地图，因为我宁愿下载一张图片而不是一吨图片（因为它减慢了加载时间）。

但是图片地图不允许我在class="iframe"标记中使用<area>。如果我<a href="xxx" class="iframe"><img src="yyy" /></a>它会工作并打开一个fancybox iframe弹出窗口，但是如果我使用imagemap，则class="iframe"函数不会被真正接受。

有什么工作要做这项工作吗？我在页面上有fancybox js和css。如果我使用class函数，我也可以使用正确的javascript。

Answer 1

尝试更改此内容：

<script type="text/javascript">
$('a.iframe').fancybox();
</script>

由此：

<script type="text/javascript">
jQuery(document).ready(function($){
    $('area.iframe').fancybox({
        "type":"iframe",
        "width": 600, // or whatever
        "height": 380
    });
});
</script>

...当然，不要忘记在每个class="iframe"代码中添加area。

另请查看this answer或this以获取进一步参考。