將下方語法複製貼上 <head> 和 </head> 內
<!-- jQuery v1.9.1 -->
<script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>
<!-- fancyBox v2.1.5 -->
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
將下方語法複製貼上 <body> 和 </body> 內
<a href="【原始圖片位置】" class="【自訂類別】">
<img src="【縮圖位置】">
</a>
<script type="text/javascript">
$( "【自訂類別】" ).fancybox();
</script>
fancyBox - Fancy jQuery Lightbox Alternative
iThome鐵人賽
看影片追技術