2015-04-18から1日間の記事一覧
インテリア・雑貨を扱うFrancFrancのECサイトのページの一部を再現してみました。 元のページはこちら⇒ floatをかけて2カラムにしています。 メイン商品画像のサイズは大きいもの1種類しかなく、サムネイル部分はサイズを縮小して使用しています。 サムネ…
jQueryを使った画像置換 サムネイルをクリックすると、メイン画像がその画像に置換わります。 ① まずHTMLとCSSで体裁を整えます。 <HTML><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>