private.SubscribedunsubscribeSubscribeSubscribeくらげだらけ2009-06-29CSSだけで画像のリサイズを処理する(IE6に対応させて、しかもハイクオリティ)完全版CSSWebよくあるCSSの使い方ですが、画像をサムネイル表示するときにJSとかPHPとか書くのがウザイのでCSSでやるパターンのやつのメモです。今回はデカイ画像をサムネイル表示させるので、max-widthとmax-heightで制御してやります。/&gt;これで、200pxより大きければ、200pxにしてくれる。IE6ではmax-widthとmax-heightに対応していないので、だいぶ前に書いたエントリーの「IE6でmin-Widthやmax-heightを適応させる」を使います。/&gt;これで、IE6でも自動縮小表示してくれる。あとはハイクオリティ縮小ですが、IEとかだと縮小表示させたときに、画像が汚くなることが多々あります。それを解消するにはCSSに以下のスタイルを追加します。bicubic;}これで、CSSだけで画像のリサイズを処理する(IE6に対応させて、しかもハイクオリティ)の完成。一応、サンプルページ。違う話だけど、早いとこHTML5とCSS3の仕様を読みたいなぁ。英語であったっけなぁ...。※追記:これで上手くいくと思ってたけれど、IE6で見たときに縦長画像が上手くいかないらしい。わからん...orz。※追記2:expressionの部分はjavascriptなのでココを上手く書けばいいと思うんだけどなぁ。書いたら結局それってjavascriptじゃんってなりかねないので、いい方法を探したい。※追記3:上手くいきました。document.body.clientWidthをthis.widthにすると上手くいきました。上のコードも変更してあります。this.height」に変更しました。※追記5:IE8で少しおかしな動作をすることが分かりました。正式版の位置情報通知...ケータイで周辺情報取得。Blog|ブログを報告する。