javascript - 如何使用地图链接打开fancybox

Question

使用 map 将链接提供给 jpg 文件。

<map name="Map" id="Map">
<area shape="rect" coords="350,350,350,350" href="......" target="_new" />
</map>

我如何使用该链接打开fancybox？

Answer 1

只需使用此脚本

$(document).ready(function(){
 $("#Map area").fancybox({
  // API options here
 }); // fancybox
});//ready

确保为您使用的版本添加正确的 API 选项（如果您的href目标是图像，则可能不需要）

如果使用 v1.3.4 检查http://fancybox.net/api。

对于 v2.x，请查看http://fancyapps.com/fancybox/#docs

Answer 2

$('#Map area').click(function(e){     // On click of <area> tag
    var href = $(this).attr('href'); // Get the href param 
    $.fancybox({                     // Open fancybox
        'href'   : href,
        'width'  : 350,
        'height' : 'auto'
    });

    e.preventDefault();
});