frame2-kids1-slide-zoom

このフレームで使用しているカラーセット。（css/theme.cssで一括置き換えできます）
● ● ●

利用規約

• このテンプレートは、Template Partyにて無料配布しているパーツです。必ずダウンロード先のサイトの利用規約をご一読の上でご利用下さい。
• 最下部の著作表示『Web Design:Template-Party』は無断で削除しないで下さい。わざと見えなく加工する事も禁止です。下部の著作を外したい場合はTemplate-Partyのライセンス契約を行う事でHP下部の著作を外す事ができます。

メイン画像について

• メイン画像を入れ替えたい場合は、弊社素材サイトhaconanaをご活用下さい。無料会員登録で1日1点まで無料DLできます。
• 画面幅800px以下の端末向けに小さな画像を使いたい場合は、htmlのsrcsetで指定されている画像ファイル名を準備したものに書き換えて下さい。デフォルトでは大きな端末用と同じファイルが指定されています。mediaの値はcssのメディアクエリと同じなので、例えば縦長端末用などの指定もできます。
• テキストブロックはデフォルトでセンタリングされますが、左寄せしたいなら「text」を「text left」に、右寄せにしたいなら「text right」にして下さい。
• このスライドショーは、ズームイン（徐々に拡大）ですが、ズームアウト（徐々に縮小）にしたい場合、css/style.cssの、「.mainimg .slide img」の中にある、transform: scale(1);と、その下の「.mainimg .slide.zoom img」の中の、transform: scale(1.07);を入れ替えて下さい。
• デフォルトは３枚構成ですが、４枚目を追加したい場合は、html側の３枚目のブロックをコピペし、img3をimg4に書き換えて、画像ファイル名も４枚目に変更して下さい。

メニューについて

• 画面幅900px未満で開閉メニューになります。ここのブレイクポイントは、main.jsの「const breakPoint = 900;」で変更が可能です。