jQueryで画像の縦横を揃える

画像の縦横を揃える、横幅が多い場合は168pxいないで表示して、高さがあふれる場合は111px以下に縮小する方法

<img src="products.gif" width="168" />

画像には属性をつけて横幅を縮小しておく。その上で以下のjQueryスクリプトを実行する

$(window).load(function(){
	$(".hoge img").each(function(){
		if($(this).height()>111){
			$(this).removeAttr("width").height(111)
			
		}
	})
});

そうすると画象の縦横比を崩さずに縦が111px以内、横が168px以内に縮小できる。