写真ギャラリー
※横に2枚又は3枚並べる写真は,事前に横幅320px程度のサイズに加工にして利用する。
写真横3列→2列→1列(class="triple")
※ 次の「triple」の部分を「double」「single」に変えると・・・
<div class="triple">
<figure>
<img src="image1.jpg">
<figcaption>写真の説明</figcaption>
</figure>
<figure>
<img src="image2.jpg">
<figcaption>写真の説明</figcaption>
</figure>
・
・
・
<figure>
<img src="image6.jpg">
<figcaption>写真の説明</figcaption>
</figure>
</div>
写真横2列→1列(class="double")
横1列写真(class="single")
※横幅いっぱいに表示する写真は,事前に横幅800px程度のサイズに加工にして利用する。