[Fancybox]クリッカブルマップでクリックしてムーダル表示

Fancybox

<link rel="stylesheet" href="fancybox/jquery.fancybox.css">
<script src="fancybox/jquery.fancybox.min.js"></script>

クリッカブルマップ

<img src="Imagemap.jpg" usemap="#ImageMap">
<map name="ImageMap">
	<area shape="rect" coords="1,1,1,1" href="img1.jpg" data-fancybox="gallery">
	<area shape="rect" coords="2,2,2,2" href="img2.jpg" data-fancybox="gallery">
	<area shape="rect" coords="3,3,3,3" href="img3.jpg" data-fancybox="gallery">
	<area shape="rect" coords="4,4,4,4" href="img4.jpg" data-fancybox="gallery">
</map>