Home > javascript | stylesheet > HTML上で画像を等倍縮小する

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

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

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

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

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

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

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

なかなか便利です。

関連記事

このブログを書いているsayjiroは最近会社を立ち上げました。小さな小さな会社ですが、一緒に働く仲間を探している今日この頃です。
社員が僕しかいない小規模零細企業ですが、自由に楽しく仕事をしつつWebを使って面白いことができればと思ってます。

募集している人物像:向上心がある・Webともの作りが好き(ある程度経験があると嬉しいですが、未経験でもやる気があれば可です)
お仕事内容:Web周り全般。サイト制作やデザイン、システム構築やiPhoneアプリ開発などいろいろです。
働く形態:その人に合わせて応相談(在宅とかでもいいです)


→興味がございましたらこちらからお気軽にご連絡ください!

コメント:1

tam 07-08-21 (火) 14:44

丁度参考になりました.㌧です!

コメントフォーム
設定を保存する

トラックバック:0

この記事のトラックバックURL
http://sj6.org/html%e4%b8%8a%e3%81%a7%e7%94%bb%e5%83%8f%e3%82%92%e7%ad%89%e5%80%8d%e7%b8%ae%e5%b0%8f%e3%81%99%e3%82%8b/trackback/

Home > javascript | stylesheet > HTML上で画像を等倍縮小する

フィードとか

ページの上へ