Your Site Name

Group1

キャプション
キャプション
キャプション
キャプション
キャプション
キャプション
キャプション
キャプション

Group2

キャプション
キャプション
キャプション
キャプション
キャプション
キャプション
キャプション
キャプション

イラストの増やし方

  1. 以下の部分をコピペで追加していってください。
    <div class="thumbs">
    <a href="img/➀画像ファイル名" data-rel="lightcase:②グループ名" title="③タイトル"><img src="img/④画像ファイル名" alt="⑤キャプション"></a>
    </div>
  2. ➀~④の箇所を編集してください。
    ➀イラストの画像ファイル名 ②スライドでひとくくりにする際のグループ名 ③イラストのタイトル ④サムネイルの画像ファイル名(イラストと同じでもOK) ⑤イラストのキャプション
    ③⑤はなくても大丈夫です。
  3. 注意
    <main><section class="illust">タグの中に追加してください。
    imgフォルダ以外に画像を入れている場合は、それにあわせてimg/の箇所も変更してください。
    illust1.htmlなどのページは不要です。

Group3

モーダルウィンドウでの表示が嫌だ!という方は、こちらをお使いください。
その際は、illust1.html、illust2.htmlのように、個別に展示用のページを作成してください。

キャプション
キャプション