NFAL Image Size Adjuster - jQuery Plugin

画像を親要素に合わせて縮小し、中心に配置するプラグインです。

Example

オリジナル画像(600×450px)
Original image

1.親要素を完全に覆う最小サイズで配置

Original image
Original image
Original image
$('.adjust1').imgSizeAdj({mode:'outer'});

2.親要素に収まる最大サイズで配置

Original image
Original image
Original image
$('.adjust2').imgSizeAdj({mode:'inner'});

*img要素にはwidth属性とheight属性を入力してください

Options

Name デフォルト値 説明
mode 'outer' 'outer' 親要素を完全に覆う最小サイズで配置
'inner' 親要素に収まる最大サイズで配置
parent null 親要素を指定する場合
例) parent:'.parent'
horizontalCentering true 水平方向のセンタリングを行わない場合はfalse
verticalCentering true 垂直方向のセンタリングを行わない場合はfalse

Download

https://github.com/dtsuka/jquery-nfal.imgsizeadj