2009年11月6日金曜日

JavaScriptで画像の大きさを縮小する方法

半分にするならこんな感じ。

<img src="test.jpg" alt="test" onload="this.width /= 2" />


最大値を決めてそれ以下になるようにするならこんな感じ。
<img src="test.jpg" alt="test" onload="this.width = Math.min(this.width, 100)" />


widthを変えれば勝手にheightも同じ比率で変わってくれるようだ。
Firefox3.5とIE7のみで確認。

0 件のコメント:

ブログ アーカイブ

tags