如何使用地图链接打开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();
});