ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript で画像サイズを動的に変更_JavaScript スキル

JavaScript で画像サイズを動的に変更_JavaScript スキル

WBOY
WBOYオリジナル
2016-05-16 18:51:421186ブラウズ

最近、プロジェクトの都合により、画像を実装する際、画像が100 X 100より大きい場合は100 X 100に縮小され、それより小さい場合は元の画像サイズが維持されます。調査の結果、JavaScript コードを使用して簡単に実装できることがわかりました。
JavaScript コード:

コードをコピー コードは次のとおりです:

関数リサイズイメージ(obj){if(obj.height>100)obj.height=100;if(obj.width>100)obj.width=100; }

ページコード:

コードをコピー コードは次のとおりです:
﹤img src="file :///E|/Pictures/22.jpg" width="385" height="350" onload="resizeImage(this)"﹥

IE6 でテスト済み、Firefox、Google Chrome すべて正常に動作します。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。