[jQuery]画像を特定のサイズに縮小するMyThumbnail

ネタの出ところはここ
異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」
で、参照元となっているjquery.MyThumbnail.jsをみると、コードの適用方法が書かれていた。

HTML code:
<div id='thumbnailList1'>
<a href='http://www.google.com'><img src='images/1.jpg'></a>
<a href='http://www.yahoo.com'><img src='images/2.jpg'></a>
<a href='http://www.kfsoft.info'><img src='images/3.jpg'></a>
</div>

jquery code:
$("#thumbnailList1 img").MyThumbnail({
thumbWidth:120,
thumbHeight:100,
backgroundColor:"#ccc",
imageDivClass:"myPic"
});

Css code:
.myPic
{
margin:10px;
border-radius:10px;
border:1px solid #ccc;
}

via:Usage:

実際に、ソースコードを読んでみるとさほど複雑でもないので、もっと簡単にこのようなプログラムでもいけちゃいます。

<img src="http://s.cinematoday.jp/res/A0/00/12/A0001220-00.jpg" border="0" > <script> jQuery(function($){ $("img").MyThumbnail({ thumbWidth:250, thumbHeight:250, backgroundColor:"#ccc", imageDivClass:"myPic" }); }); </script>

実行した結果、正常終了しました。

後、プログラム的にもっと汎用的にできると思うので、ちょっと修正して、公開したいなー。