Comment ouvrir fancybox en utilisant le lien carte

Question

Le lien a été donné à un fichier jpg en utilisant la carte.

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

Comment puis-je ouvrir fancybox en utilisant ce lien?

Answer 1

Il suffit d'utiliser ce script

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

Assurez-vous d'ajouter les bonnes options de l'API pour la version que vous utilisez (si vos href cibles une image, vous ne pouvez pas besoin d'aucune)

Si vous utilisez la version 1.3.4, vérifiez http://fancybox.net/api.

Pour 2.x check 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(); 
});