コンテナのサイズに合わせて自動的に画像をフィットさせる、というスクリプトのご紹介です。jQueryに依存しています。RWDなんかと相性良さそうですね。

コンテナに合わせてフィットさせる、というもの。似たスクリプトは既存しますので選択肢の一つとして。

imagefill.js


サイズに応じて自動でフィットさせます。


↑ こんな感じ。

$('.foo').imageFill(); 

基本的にはコンテナをセレクタとして指定するだけ。

<div class="foo">
   <img src="bar.png">
</div>

そのコンテナの中に画像を含めます。楽でいいですね。

ライセンスはMITとGPLのデュアルライセンスとなっています。詳細は以下にて。

imagefill.js