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