インテリア・雑貨を扱うFrancFrancのECサイトのページの一部を再現してみました。 元のページはこちら⇒ floatをかけて２カラムにしています。 メイン商品画像のサイズは大きいもの１種類しかなく、サムネイル部分はサイズを縮小して使用しています。 サムネ…

ｊＱｕｅｒｙを使った画像置換 サムネイルをクリックすると、メイン画像がその画像に置換わります。 ① まずＨＴＭＬとＣＳＳで体裁を整えます。 ＜ＨＴＭＬ＞<ul><li><a href="img/flower.jpg"><img src="img/flower_s.jpg" alt="花"></a></li><li><a href="img/sea.jpg"><img src="img/sea_s.jpg" alt="海"></a></li><li><a href="img/jellyfish.jpg"><img src="img/jellyfish_s.jpg" alt="くらげ"></a><…</li></ul>