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 を追加

写真をグループ化して表示