javascript - マップリンクを使ってfancyboxを開く方法

Question

リンクはマップを使用してjpgファイルに与えられました。

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

そのリンクを使用してファンシーボックスを開くにはどうすればよいですか?

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();
});