暮らしをる、
こだわりのキッチン雑貨

Thoughtfully Selected Goods to Brighten Your Life

メイン画像ブロック

<!--▼▼▼▼▼ここから「メイン画像」-->
<div id="mainimg-box">

<h2>暮らしを<span>彩</span>る、<br>こだわりのキッチン雑貨</h2>

<div id="mainimg" class="margin-lr0">

<div class="img rtl">
<div><a href="#"><img src="images/slide1.jpg" alt=""></a></div>
<div><a href="#"><img src="images/slide2.jpg" alt=""></a></div>
<div><a href="#"><img src="images/slide3.jpg" alt=""></a></div>
<div><a href="#"><img src="images/slide4.jpg" alt=""></a></div>
</div>

<p class="c caveat">Thoughtfully Selected Goods to Brighten Your Life</p>

</div>

</div>
<!--▲▲▲▲▲ここまで「メイン画像」-->

主なスタイルは

cssフォルダのstyle.cssから「mainimg」でテキスト検索してみて下さい。詳しい解説もあります。
cssの他、main.jsの「サムネイルスライドショー」でもスライドショーの設定をしています。

スライド画像は追加できます

html側の1行をコピペし、画像ファイル名を入れ替えればOKです。
尚、スライドを正常に動かす為には最低4枚以上必要です。