CJ Object Scaler 3.0

ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」。
幅300pxのブロックに、幅500の画像がきたらデザインが崩れてしまいますが、これをjQueryで自動補正してくれるプラグインのご紹介。
スクリプトでやってくれるため、予め自分でサイズを計算して指定しておく必要はなく、かつデザインを崩しません。

ブログなんかで、画像をアップしたけど、ちょっと大きくてデザイン崩れるかもっていう場合にも、自分でリサイズしなくてもやってくれるというのは楽でいいですね。

調整方法も２種類選べます。

ぴったりと埋める Fill


画像の表示領域をそのままで表示するFit


使い方は $(element).cjObjectScaler(options, callback) で、調整後のコールバック関数も呼べます。
$(element) の element には<img>のオブジェクトだけではなく、div も指定することが出来る模様。

関連エントリ

• 画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」
• 丸いレンズで画像をズームさせられるjQueryプラグイン「Zoomy」
• 画像がダイナミックにスライドするメニューバー実装jQueryプラグイン「pictureMenu」
• 画像のリストを面白い見せ方で表示できるjQueryプラグイン「imageCloud」
• 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」