2012年01月14日に投稿

[jQuery]画像の表示サイズに上限や下限を設定する

img要素にwidthやheightを指定すると画像の表示サイズを変更することができます。ですがwidthやheightに上限や下限を設定したい場合はXHTMLやCSSだけでは実現できません。この機能をjQueryを使って実現します。

例えば下記のコードは target_image というクラスが付けられた画像の横幅が100px以上になった場合に強制的に100pxに縮めます。つまり表示される画像サイズに上限を設けることができます。

逆に下限を設ける場合は w > 100 と比較しているところを w < 100 とすればOKです。

関連記事

Leave a Reply