lightboxの設定方法

  1. 解凍したjsフォルダ、cssフォルダ、imagesフォルダを同じ階層にコピー
  2. headタグ内にcssをリンク
    <link rel="stylesheet" href="css/lightbox.min.css">
    
  3. lightbox.jsを読み込む
    <script src="js/lightbox-plus-jquery.js"></script>
    
  4. 先サムネール画像のリンク先aタグにdata-lightbox=""属性を追加
    (値は任意で良いが、同じ名前を複数につけるとグループ化されるので注意)
    <a href="aaa.jpeg" data-lightbox="example"><img src="bbb.jpg" alt="">