あなたのサイト名

frame-I1-slide2-zoom-in

メイン画像について

  • html側にメニューブロックが2箇所あります。1つはヘッダー直下の「menubar2」、もう1つはhtmlの下の方の「menubar」です。それぞれ書き換えて下さい。
  • 画面幅800px以下の端末向けに小さな画像を使いたい場合は、htmlのsrcsetで指定されている画像ファイル名を準備したものに書き換えて下さい。デフォルトでは大きな端末用と同じファイルが指定されています。mediaの値はcssのメディアクエリと同じなので、例えば縦長端末用などの指定もできます。
  • デフォルトは3枚構成ですが、4枚目を追加したい場合は、html側の3枚目のブロックをコピペし、img3-partsをimag4-partsに書き換えて、画像ファイル名も4枚目に変更して下さい。
  • 1枚目の画像のアスペクト比がそのままスライドショー全体に反映されます。
《Web Design:Template-Party》