［HTML/ CSS / jQuery ］ECサイトの再現

インテリア・雑貨を扱うFrancFrancのECサイトのページの一部を再現してみました。

元のページはこちら⇒

• floatをかけて２カラムにしています。
• メイン商品画像のサイズは大きいもの１種類しかなく、サムネイル部分はサイズを縮小して使用しています。
• サムネイルをクリックするとメイン画像が変わる仕組みです。ここはjQueryを使用。
• FrancFrancのサイトのサムネイル画像の枠は、隣り合っているところはボーダーが重なっていたのでそのままにしました。
• サイズ、カラーなどの商品詳細の部分はtableを使用しています。

公開用ページはこちら

※画像はFrancFrancさんからお借りしています。