How To Open Fancybox Using Map Link

The link was given to a jpg file using map. how can

Solution 1:

Simply use this script

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

Make sure you add the right API options for the version you are using (if your href targets an image, you may not need any)

If using v1.3.4 check http://fancybox.net/api.

For v2.x check http://fancyapps.com/fancybox/#docs

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