fancybox　設置手順

1. http://fancyapps.com/fancybox/3/ 「fancybox-master.zip」ダウンロードする。
2. 解凍して必要なcssとjsフォルダを用意する。
3. 「fancybox-master」の「dist」フォルダの「jquery.fancybox.min.css」か「jquery.fancybox.css」
4. 「jquery.fancybox.js」 または 「jquery.fancybox.min.js」
5. head内に　http://code.jquery.com/jquery-3.2.1.min.jsを参照リンク。古いと作動しないので、このバージョンが望ましい。
6. モーダルウィンドウで画像を表示したい場合は、任意の a タグ内に data-fancybox を追加
7. hederにファンクション追加
8. ※使い勝手はいいですが、ライセンスは厳しいです。商用サイトは、有料です。

htmlをグループ化して表示2 data-type="iframe"