圖片展示FancyBox

課程使用:http://fancybox.net/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script src="js/fancybox/fancybox/jquery.fancybox-1.3.4.js"></script>
<script src="js/fancybox/fancybox/jquery.easing-1.3.pack.js"></script>
<link rel="stylesheet" href="js/fancybox/fancybox/jquery.fancybox-1.3.4.css">
//修改語法
$('.grid>div').addClass('grid-item').children('a').addClass('fancyBoximg');

//加入jQuery設定
$(".fancyBoximg").fancybox({
	'overlayShow'	: false,
	'transitionIn'	: 'elastic',
	'transitionOut'	: 'elastic'
});