ブログ練習帳ブログ練習帳かけだしWebデザイナー見習のボロボロブログホームブログ練習帳についてわたしのサイト見習い奮闘記くつろぐ、たびログ新しい記事お問い合わせCSSを使って写真を拡大する(1)CSS、とくにhoverの動きが面白くなってきた見習、マウスを乗せると写真が拡大するっていうのをやってみたくなりました。いえ、敷居はかなーり高そう。その場でマウスを乗せると写真が大きくなるの、やってみます。拡大用の写真とサムネイル用の写真を2枚、最初に加工しておきます。img{display:block;/*hoverで大画像を表示*/}▼サンプルはこちら追加。ウェブにあげる写真はHTMLでサイズを指定するよりも、元からしっかり画像処理しておくべき、っていいますが、一応、HTML的にwidthやheightを指定してやれば、サイズ変更できます。いうことで、大小の写真を準備せず、大きいものだけを用意し、HTML的にサイズ変更してもできます。CSSは上のと変更なしで、XHTMLのみ変更です。/></span></a></li></ol>▼サンプルはこちらあれ?どうせ拡大・縮小をCSSでやるなら、これだって同じような...。img{width:400px;height:300px;/*hoverで大画像を表示*/}▼サンプルはこちらとりあえず、なんか、写真がかわるじゃん!とうれしくなる見習です。