Don't keep it to yourself.

一人で抱え込まないで下さい。
状況を丁寧に伺い、今できることを整理。初めての方にも、わかりやすくご案内します。

mainimg-image2-slide-zoom-in-parts

  • 土台フレームにもよりますが、一般的にはcontentsの上(headerの下)に置いて下さい。
  • デフォルトは3枚構成ですが、4枚目を追加したい場合は、html側の3枚目のブロックをコピペし、img3-partsをimag4-partsに書き換えて、画像ファイル名も4枚目に変更して下さい。
  • 画像は、正方形に切り抜かれます。画像そのままの比率がよければ、cssの、「.mainimg-image2-slide-zoom-in-parts」の、「aspect-ratio: 1;」の1行を削除して下さい。
  • メイン画像用のテキストを詰め込みすぎると、飛び出る部分が切り取られてしまうので注意して下さい。
  • 画面幅500px未満で画像幅が画面幅に合う形になり、テキストが真上に重なります。
《Web Design:Template-Party》