<!--▼▼▼▼▼ここから「メイン画像」--> <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枚以上必要です。