HTML上で画像を等倍縮小する

はてなブックマーク - HTML上で画像を等倍縮小する
このエントリーをはてなブックマークに追加
Share on Facebook

画像をある一定の枠内に表示させたい時、スタイルシートで

とすることで画像の縦横の最大値を150pxに設定して、等倍縮小することが可能。

ただ、この方法はやっぱりIE6では対応していない。

IEそのへんにしておけと思っていたら、javascriptのライブラリminmax.jsで対応できるよう。

http://www.doxdesk.com/software/js/minmax.html
こちらのページからダウンロードできます。(ページ下部のmoduleから)

普通の.jsファイルのように読み込めばOK。

なかなか便利です。

HTML上で画像を等倍縮小する” への1件のコメント

コメントをどうぞ

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">