Fancybox
|
1 2 |
<link rel="stylesheet" href="fancybox/jquery.fancybox.css"> <script src="fancybox/jquery.fancybox.min.js"></script> |
クリッカブルマップ
|
1 2 3 4 5 6 7 |
<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> |
コメント