この記事は最終更新日から2年以上が経過しており、情報が古くなっている可能性があります。

今さらな内容ですが、一応メモってことで。


まずはhtmlを記述します。

<a href="拡大画像" data-lightbox="画像グループ名">
<img src="アイコン">
</a>

次はjavaScriptとCSSを適用します。

<script src="jquery.min.js"></script>
<script src="lightbox-2.6.min.js"></script>
<link rel="stylesheet" type="text/css" href="lightbox.css">