fancybox 設置手順
- http://fancyapps.com/fancybox/3/ 「fancybox-master.zip」ダウンロードする。
- 解凍して必要なcssとjsフォルダを用意する。
- 「fancybox-master」の「dist」フォルダの「jquery.fancybox.min.css」か「jquery.fancybox.css」
- 「jquery.fancybox.js」 または 「jquery.fancybox.min.js」
- head内に http://code.jquery.com/jquery-3.2.1.min.jsを参照リンク。古いと作動しないので、このバージョンが望ましい。
- モーダルウィンドウで画像を表示したい場合は、任意の a タグ内に data-fancybox を追加
写真をグループ化して表示