【jQuery】画像をセンタリングして指定エリアに収めてくれるimgCentering.js

指定したブロック範囲にいろいろなサイズの画像をセンタリングしてきっちり収めてくれるjQueryプラグイン、imgCentering.jsが便利だったのでご紹介。

この手のプラグインはいくつかありますが、色々試した中では一番シンプルで使いやすかったです。

imgCentering.js

デモはこちら


上下左右余白無しにきっちりフィットさせる一番下のタイプがよく使われそうです。

$('.imgset4 img').imgCentering({
	'forceSmart': true		//centering without showing background
});


‘forceSmart’: true と言うオプションを入れるだけ。

HTML上でも簡単に実現できてPHPやGDなど画像処理エンジンを必要としないので手軽でいいですね。

jQuery 1.7.1 以上が必要です。

Related Posts